Botones React
Componente en react de botones del kit USS
1import { Button } from "@ussebastian/kitdigital-react/dist/uss-react.es.js";
Button
Este componente encapsula el botón de interaccion (<button>) y el botón de enlace (<a>). por defecto se renderiza en el DOM como botón, en cambio si lleva la propiedad href, se renderiza como link.
Solo se deberia utilizar el botón como link cuando se requiera navegar a otra página, no para ejecutar acciones en la misma página. además, si se necesita un link dentro de un bloque de texto, seguir la sintaxis de uss-link.
| Prop | Tipo | default | Descripción |
|---|---|---|---|
| onClick | callback function | - | Función que se ejecuta al hacer click en el botón |
| variant | string | 'primary' | Define el estilo del botón. Los valores posibles son: 'primary', 'secondary', 'tertiary' y 'theme-toggle' |
| size | string | - | Define el tamaño del botón. el valor posible es: 'small' |
| children | JSX | - | Contenido del Botón, usualmente texto o íconos |
Tambien acepta los props de un elemento <button> o <a>, como disabled, href, target, etc.