Button

1. Demo AstrolButton

@using Astrol.Entities.Basic.UI

@using Astrol.Component.Basic.Button

<AstrolButton Text="Button 1" />

<AstrolButton Text="Button 2" Style="AstrolStyle.White" />

<AstrolButton Text="Button 3" Style="AstrolStyle.Black" />

<AstrolButton Text="Button 4" Style="AstrolStyle.Blue" />

<AstrolButton Text="Button 5" Style="AstrolStyle.Green" />

<AstrolButton Text="Button 6" Style="AstrolStyle.Orange" />

<AstrolButton Text="Button 7" Style="AstrolStyle.Red" />

<AstrolButton Text="Button 8" Style="AstrolStyle.Yellow" />

<AstrolButton Text="Button 9" Style="AstrolStyle.Purple" />

<br />

<AstrolButton Text="Button 1" />

<AstrolButton Text="Button 2" Style="AstrolStyle.White" Outline="true" />

<AstrolButton Text="Button 3" Style="AstrolStyle.Black" Outline="true" />

<AstrolButton Text="Button 4" Style="AstrolStyle.Blue" Outline="true" />

<AstrolButton Text="Button 5" Style="AstrolStyle.Green" Outline="true" />

<AstrolButton Text="Button 6" Style="AstrolStyle.Orange" Outline="true" />

<AstrolButton Text="Button 7" Style="AstrolStyle.Red" Outline="true" />

<AstrolButton Text="Button 8" Style="AstrolStyle.Yellow" Outline="true" />

<AstrolButton Text="Button 9" Style="AstrolStyle.Purple" Outline="true" />

<br />

<AstrolButton Text="Button 1" Style="AstrolStyle.Blue" Icon="astrol-plus" />

<AstrolButton Text="Button 2" Style="AstrolStyle.Red" Icon="astrol-cancel" Outline="true" />

<AstrolButton Text="Button 3" Style="AstrolStyle.Green" Icon="astrol-spin5" AnimateIcon="true" />

<AstrolButton Text="Button 4" Style="AstrolStyle.Orange" Icon="astrol-spin4" AnimateIcon="true" Outline="true" />

Parámetros que admite

Text (string), texto a mostrar en el botón (no requerido).
Icon (string), ícono a mostrar en el botón (no requerido).
AnimateIcon (bool), define si al tener ícono este es animado (por defecto es false).
Title (string), title del botón (no requerido).
Class (string), clase css para personalizar estilos (no requerido).
Form (string), propiedad html para el caso en que necesite hacer referencia a un formulario estando fuera del mismo.
OnClick (MouseEventArgs), para especificar la acción del botón.
BorderRadius (string), radio del borde del botón (por defecto es 5px).
Outline (bool), si desea no tenga relleno (por defecto es false).
Status (bool), si desea que el botón se encuentre inactivo (por defecto es true).
Autofocus (bool), si que el botón este enfocado al crearse (por defecto es false).
Type (ButtonType), define el tipo de botón (por defecto es ButtonType.Button).
- Button (enum)
- Submit (enum)
- Reset (enum)
Style (AstrolStyle), define el estilo del botón (por defecto es AstrolStyle.Base).
- Base (enum)
- White (enum)
- Black (enum)
- Red (enum)
- Orange (enum)
- Green (enum)
- Blue (enum)
- Yellow (enum)
- Purple (enum)