RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

Button

Free

Desencadena una acción, o navega cuando se define Href (el botón se muestra entonces como un enlace con el mismo aspecto). Tres variantes (Filled, Outlined, Text), seis colores, tres tamaños e iconos opcionales antes o después de la etiqueta. Para un botón solo con icono use IconButton. Loading muestra un indicador en lugar del icono inicial y bloquea los clics (de modo que no pueda producirse un doble envío); BusyWhileClicking hace lo mismo automáticamente mientras se ejecuta un controlador OnClick asíncrono.

Ejemplo

Control Button

Parámetros

ParámetroTipoDescripción
BusyWhileClickingboolMuestra el estado de ocupado mientras se ejecuta un controlador OnClick asíncrono.
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
ColorButtonColorPrimary (predeterminado), Secondary, Info, Success, Warning o Danger.
DisabledboolDesactiva la interacción.
EndIconIconName?Icono mostrado después de la etiqueta.
HrefstringDirección del enlace. En un Button hace que el botón se muestre como un enlace con el mismo aspecto.
LoadingboolMuestra una barra de progreso sobre las filas.
SizeSizeSmall, Medium (predeterminado) o Large; Dialog también tiene ExtraLarge.
StartIconIconName?Icono mostrado antes de la etiqueta.
StylestringEstilo en línea agregado al elemento raíz.
TargetstringCountdown: el momento hasta el que se cuenta atrás. Button: destino del enlace en el navegador, por ejemplo _blank.
TypestringCómo se dibuja la celda: Text, Check, Image, Progress, Link, Badge o Dropdown.
VariantVariantEstilo visual: Filled, Outlined o Text.

Eventos

EventoTipoDescripción
OnClickEventCallback<MouseEventArgs>Se genera cuando se hace clic en el botón.

Paquete

Button forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.