wiki-Button
Button
Un componente botón personalizable con soporte para diferentes tipos, estados de carga y otras funcionalidades como sombra y deshabilitación.
Referencia de la API
| Propiedad | Tipo | Descripción |
|---|---|---|
type | 'primary' | 'secondary' | 'text' | 'link' | 'outlined' | (Opcional) Define el estilo del botón. Puede ser uno de los tipos predefinidos o personalizado. |
disabled | boolean | (Opcional) Indica si el botón está desactivado. Si es true, el botón no será interactuable. |
loading | boolean | (Opcional) Indica si el botón está en estado de carga. Si es true, también se desactiva el botón. |
shadowed | boolean | (Opcional) Agrega una sombra detrás del botón para dar un aspecto tridimensional. |
htmlType | 'submit', 'reset', 'button' | (Opcional) Define el tipo de botón HTML. |
aura-test | string | (Opcional) Define un valor para el atributo aura-test para propósitos de pruebas. |
| Otras Props | variadas | Todas las otras props nativas de JSX se pueden pasar para personalizar el botón, como className, style, etc. |
Ejemplo de Uso
import { Button } from '@auravant/ui-kit';
<Button
type="primary"
loading={false}
onClick={() => console.log('click')}
>
Cargar Datos
</Button>