← Volver al inicioZimplia Suite · Design System

Componentes base

La biblioteca premium (Fase 1.2): accesible, con resplandor neón en hover/foco y construida sobre los tokens. Pasa el cursor o navega con el teclado para ver el glow cian.

01 · Acción

Botones

Variantes, tamaños (incluido el grande 'touch' para POS) y estado de carga.

Variantes
Tamaños
Estados
02 · Formularios

Entradas y selección

Campos con foco neón y estado de error; controles con acento cian; Select y Combobox accesibles.

Controles
03 · Superficies

Cards y badges

Paneles sobre #111827 con borde luminoso y opción de glow; etiquetas semánticas y de marca.

Panel estándar
Superficie con elevación suave.
Contenido del panel premium.
Panel con glow
Resplandor de marca permanente.
Para destacar lo importante.
Panel interactivo
Se eleva y enciende al pasar el cursor.
Activo
Badges
MarcaNeutralOutlineÉxitoAdvertenciaErrorInfo
Avatar y separador
GZZS
Texto junto a un separador
04 · Overlays

Diálogos, paneles y menús

Dialog, Sheet, Popover, Dropdown y Tooltip sobre Radix, con animaciones de entrada/salida.

Superposiciones
05 · Navegación

Tabs y Accordion

Pestañas con estado activo luminoso y acordeón con despliegue animado.

Vista general del negocio.

06 · Datos

Tabla densa

Cabecera tenue, filas con hover y densidad ajustable para POS/inventario.

ProductoStockPrecioEstado
Café Premium 500g124$28.000En stock
Cacao en polvo 1kg8$42.000Bajo
Plátano verde (kg)0$3.200Agotado
07 · Feedback

Carga y notificaciones

Skeleton con shimmer, spinner y toasts con estados semánticos.

Carga
Toasts