Orbit UI

Button

Boton sobre React Aria: estados de foco, hover y press correctos en mouse, teclado y tactil, mas un estado de carga que preserva el ancho.

npx orbitui-cli add button

Props

PropTipoDescripción
variantButtonVariant
sizeButtonSize
isLoadingbooleanMuestra un spinner y deshabilita la interaccion sin cambiar el ancho del boton.
classNamestring

Qué instala

Archivo
components/orbit/ui/button.tsx
Componentes
cx
Paquetes npm
react-aria-components@^1.5.0

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.