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.

Tambien acepta los props de un elemento <button> o <a>, como disabled, href, target, etc.

Ejemplo de uso

Botones principales

Botón
Cargando componente...

Botones principales - disabled

Botón
Cargando componente...

Botón full-width

Botón
Cargando componente...

Botón con ícono

Botón
Cargando componente...

Botón para slider

Botón
Cargando componente...

Botón toggle (light mode / dark mode)

Botón
Cargando componente...

Contenido