Componentes atómicos
Son los bloques de construcción fundamentales en Nimbus. Se refieren a los elementos de UI más básicos, como botones, inputs, checkboxes, etc. Estos componentes atómicos son independientes y pueden ser utilizados y reutilizados para formar componentes compuestos.
Badge
El componente Badge se utiliza para comunicar cantidad de ítems o acciones pendientes.
Leer documentaciónBox
El componente Box nos permite agrupar y espaciar elementos y/u otros componentes
Leer documentaciónButton
El componente Button nos permite iniciar acciones, hacer cambios de estado o de página.
Leer documentaciónCheckbox
El componente Checkbox nos permite escoger una o varias opciones en una lista de selección.
Leer documentaciónChip
El componente Chip es utilizado para señalizar criterios o atributos relacionados a búsquedas o filtros de una lista de datos.
Leer documentaciónIcon button
El componente Icon Button se usa cuando tenemos una acción clara para el usuario, que, según el contexto en el que se encuentra, puede ser fácilmente representada por un icono.
Leer documentaciónIcon
El componente Icon es utilizado cuando necesitamos ilustrar una acción, estado o texto dentro o fuera de otro componente.
Leer documentaciónInput
El componente Input le permite a la persona usuaria ingresar o editar información en formato de texto.
Leer documentaciónLink
El componente Link nos permite navegar entre páginas internas o externas de un sitio.
Leer documentaciónList
El componente List nos permite organizar en una lista distintas informaciones con formato de texto.
Leer documentaciónPopover
El componente Popover nos permite mostrar más elementos dentro de una caja flotante.
Leer documentaciónRadio
El componente Radio nos permite seleccionar una única opción dentro de una lista de selección.
Leer documentaciónSelect
El componente Select permite a la persona usuaria seleccionar una opción dentro de una lista.
Leer documentaciónSkeleton
El componente Skeleton nos permite comunicar de forma visual que un componente está cargando.
Leer documentaciónSpinner
El componente Spinner es utilizado para informar el procesamiento de tareas.
Leer documentaciónStack
El componente Stack nos permite agrupar elementos y/o componentes de forma horizontal o vertical.
Leer documentaciónTag
El componente Tag se utiliza para categorizar información, organizar o indicar el estado de elementos o componentes usando palabras clave, iconos y colores.
Leer documentaciónText
Text es el componente de texto, utilizado para escribir y formatear bloques de contenido dentro de páginas y componentes.
Leer documentaciónTextarea
El componente Textarea permite a la persona usuaria ingresar y editar información en formato de texto largo.
Leer documentaciónTitle
Title es un componente de texto, pensado para dar jerarquía visual y semántica a los contenidos de una página.
Leer documentaciónToast
El componente Toast nos permite avisar a los usuarios en tono informativo, describiendo que algo ha pasado o está pasando, sin interrumpir la navegación.
Leer documentaciónTooltip
El componente Tooltip nos permite mostrar información adicional de una forma no intrusiva.
Leer documentación