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
Comunica la cantidad de ítems pendientes o el estado de un elemento mediante un contador breve resaltado por color.
Leer documentaciónBox
Agrupa, espacia y posiciona elementos aplicando propiedades visuales y de layout sobre un contenedor.
Leer documentaciónCheckbox
Permite seleccionar una o varias opciones de una lista, de forma independiente entre sí.
Leer documentaciónChip
Permite representar criterios, filtros o atributos aplicados a una lista de datos, de forma compacta y opcionalmente removible.
Leer documentaciónDivider
El componente Divider es un elemento visual atómico utilizado para separar secciones de contenido o grupos de elementos dentro de una misma interfaz.
Leer documentaciónIcon button
Permite ejecutar una acción representada solo por un ícono, sin texto visible, cuando el espacio es limitado o la acción es inequívoca.
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ónLabel
Nombra un campo de formulario y describe qué información se espera completar en él.
Leer documentaciónLink
Permite navegar a otra página o sección, o ejecutar una acción secundaria, con menor peso visual que un botón.
Leer documentaciónList
El componente List nos permite organizar en una lista distintas informaciones con formato de texto.
Leer documentaciónPopover
Permite mostrar acciones o información complementaria en una caja flotante anclada a un elemento, que se abre al interactuar con él.
Leer documentaciónProgress Bar
El componente Progress Bar nos permite mostrar el progreso de una tarea.
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ónSlider
El componente Slider permite a los usuarios seleccionar un valor único o un rango de valores deslizando un controlador a lo largo de una pista horizontal.
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
Comunica el estado o la categoría de un elemento mediante una palabra clave breve y un color semántico.
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ónToggle
Permite activar o desactivar una configuración binaria con efecto inmediato, sin un paso de guardado.
Leer documentaciónTooltip
El componente Tooltip nos permite mostrar información adicional de una forma no intrusiva.
Leer documentaciónAyudanos a mejorar la documentación
¿Encontraste un problema o tenés una sugerencia? Contanos.