LifeUI
1.53.2Button
Permiten a los usuarios realizar acciones y elegir con un solo toque.
Tamaños
Solid
Outline
Lighter
Text
Cargando
Deshabilitado
Iconos
Botón de Icono
Los botones de icono son ideales para acciones compactas donde el espacio es limitado. Utilizan únicamente un icono para representar la acción, manteniendo la funcionalidad completa del botón.
Ejemplos
Editor de mensaje
alex@email.com
Guardado hace 8mInicio de sesion
O INICIA CON EMAIL
Props
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
mode | solid | outline | lighter | text | - | Estilo visual del botón |
colorPallete | primary | neutral | error | white | - | Color semántico del botón |
size | tiny | small | medium | large | xlarge | - | Tamaño del botón |
disabled | boolean | - | Si el botón está deshabilitado |
loading | boolean | - | Si el botón está en estado de carga |
className | string | - | Clases CSS adicionales para el botón |
asChild | boolean | - | Reemplaza el elemento predeterminado con el hijo proporcionado, fusionando sus props y comportamiento |
onlyIcon | boolean | - | Si el botón debe mostrar solo el icono (sin texto) |
children | ReactNode | - | Contenido del botón |
...rest | ComponentProps<"button"> | - | Todas las props del elemento HTML button |