COMPONENTE BUTTONREACT
Módulo:
El import para poder cargar el componente es el siguiente:
import ButtonReact from "@Components/button-react-example/button.tsx";Componente:
Para incorporar el componente a HTML el prefijo a utilizar para la etiqueta HTML es:
<ButtonReactExample variant="primary" size="medium" onClick={handleClick}>Click me</ButtonReactExample>El elemento buttonreact con tiene tres variantes. Estas son:
- Button Primary
- Button Secondary
- Button Tertiary
Todos los tipos de componentes buttonreact aceptarán los siguientes parámetros:
- children: (React.ReactNode) Contenido del botón.
- variant: ('primary' | 'secondary' | 'tertiary') Variante del botón.
- size: ('small' | 'medium' | 'large') Tamaño del botón.
- onClick: (() => void) Función que se ejecuta al hacer clic.