Elementos de la interfaz
Fundamentos esenciales para la construcción de la interfaz de agencia.
Panel deslizante
Extende el componente Dialog para mostrar contenido que complementa la pantalla principal.
Dialog de alerta
Un diálogo modal que interrumpe al usuario con contenido importante.
Calendario
Un componente de campo de fecha que permite a los usuarios introducir y editar fechas.
Comando
Menú de comando rápido, composable, sin estilo para React.
Avatar de usuario
Una representación visual de un usuario con retrocesos.
Distintivo
Un pequeño indicador visual para el estado o etiquetas.
Cuadro
Un componente de tabla para mostrar datos estructurados.
Botón
Un componente de botón versátil con múltiples variantes.
Área de desplazamiento
Un área de desplazamiento personalizado para un estilo consistente.
Grupo de opciones
Un grupo de botones de radio para opciones individuales.
Acuerdo
Un componente de acordeón expandible para preguntas frecuentes.
Alerta
Una notificación prominente para mensajes importantes.
Campo de entrada
Un campo de entrada de una sola línea para la entrada de texto del usuario.
Etiqueta
Una etiqueta adjunta a una entrada para la accesibilidad.
Ventana emergente
Un componente popover para paneles de contenido flotante.
Progresos
Un componente de barra de progreso para mostrar el estado de terminación.
Deslizador
Un componente deslizante para la selección de valor de rango.
Seleccione
Un componente desplegable para elegir de una lista.
Separador
Una línea visual para separar secciones de contenido.
Esqueleto de carga
Un estado de carga para los componentes UI.
Cambio
Un componente de conmutación para ajustes booleanos.
Pestañas
Un componente de interfaz de tabbed para organizar contenido.
Área de texto
Un campo de entrada de texto multilínea para mayor contenido.
Herramienta
Un componente de punta de herramienta para mostrar información adicional sobre el tubo.
Tarjeta
Un contenedor flexible con cabecera, contenido y pie.
Caja de control
Un componente de casilla de verificación para opciones multi-seleccion.
Panel plegable
Un componente de panel plegable.
Diálogo
Un componente de diálogo modal para interacciones focalizadas.
Menú desplegable
Un componente de menú desplegable para acciones contextuales.
Borde luminoso
Una animación interactiva de fondo en la frontera.
Tarjeta futurista
Una tarjeta especializada con efectos fronterizos brillantes.
Carrusel
Carrusel de imagen o contenido con navegación.
Pantalla de texto rica
Un componente para renderizar contenido HTML sanitario de forma segura.
Sección Badge
Una placa estilizada para las secciones.
Editor de texto enriquecido
Un editor de texto rico basado en Tiptap.
Selector de colores
Una herramienta de selección de colores con soporte variable CSS.
Aviso emergente
Sistema de notificación temporal (Toast/Toaster).
Notificador
El mirador para mostrar notificaciones de tostadas.
Prueba social
Indicador de cuenta de evaluación y valoración visual.
Icono dinámico
Cargador dinámico de iconos Lucide.
Límite de errores
Una interfaz de usuario para prevenir fallos de la aplicación.