Catálogo de componentes
Encuentra el componente Neural para tu tarea. Los 94 componentes están disponibles y cada ruta describe su API.
Encuentra un componente por tarea
Acciones 8
Ejecuta acciones, agrupa comandos o muestra opciones relacionadas.
- Dock
Ofrece un conjunto compacto de destinos de aplicación.
Acciones · Ejemplos y API - InlineEditor
Edita un valor dentro de su contenido actual.
Acciones · Ejemplos y API - SpeedDial
Despliega acciones relacionadas desde un disparador compacto.
Acciones · Ejemplos y API - Toolbar
Compón comandos para la tarea actual.
Acciones · Ejemplos y API
Formularios y selección 27
Recoge texto, selecciones, fechas y archivos. Empieza por Input, Checkbox y Signal Forms y después elige el control especializado.
- Autocomplete
Sugiere opciones coincidentes mientras el usuario escribe.
Formularios y selección · Ejemplos y API - CascadeSelect
Elige un valor mediante opciones anidadas.
Formularios y selección · Ejemplos y API - Checkbox
Edita una elección booleana en un formulario.
Formularios y selección · Ejemplos y API - ColorPicker
Elige y edita un valor de color.
Formularios y selección · Ejemplos y API - DateInput
Edita fechas civiles, horas, rangos o varias fechas.
Formularios y selección · Ejemplos y API - FormField
Compón un campo con etiqueta, ayuda y error.
Formularios y selección · Ejemplos y API - Input
Edita texto con etiqueta y estado de validación.
Formularios y selección · Ejemplos y API - InputGroup
Compón un input con elementos o acciones asociados.
Formularios y selección · Ejemplos y API - InputMask
Guía la entrada de texto con una máscara definida.
Formularios y selección · Ejemplos y API - InputOTP
Introduce un código breve de verificación en varias celdas.
Formularios y selección · Ejemplos y API - Knob
Ajusta un valor numérico con un control circular.
Formularios y selección · Ejemplos y API - Listbox
Selecciona elementos de una lista visible de opciones.
Formularios y selección · Ejemplos y API - NumberInput
Edita una cantidad numérica, no solo texto.
Formularios y selección · Ejemplos y API - OrderList
Cambia el orden de una colección de elementos.
Formularios y selección · Ejemplos y API - Password
Introduce una contraseña en un campo especializado.
Formularios y selección · Ejemplos y API - PickList
Mueve opciones entre colecciones de origen y destino.
Formularios y selección · Ejemplos y API - Radio
Representa una opción exclusiva dentro de un grupo.
Formularios y selección · Ejemplos y API - RadioGroup
Compón y gestiona elecciones mutuamente excluyentes.
Formularios y selección · Ejemplos y API - Rating
Elige o muestra un valor de valoración.
Formularios y selección · Ejemplos y API - RichTextEditor
Edita contenido de texto con formato.
Formularios y selección · Ejemplos y API - Select
Selecciona uno o varios valores entre opciones.
Formularios y selección · Ejemplos y API - Slider
Ajusta un valor sobre un rango lineal.
Formularios y selección · Ejemplos y API - Switch
Activa o desactiva un ajuste booleano.
Formularios y selección · Ejemplos y API - Textarea
Edita texto de varias líneas.
Formularios y selección · Ejemplos y API - TreeSelect
Selecciona valores de una jerarquía.
Formularios y selección · Ejemplos y API - Uploader
Selecciona y gestiona archivos para su envío.
Formularios y selección · Ejemplos y API
Datos y jerarquía 10
Presenta registros, jerarquías y líneas de tiempo. Table, Tree y TreeTable son componentes independientes para estructuras de datos distintas.
- Calendar
Explora fechas y eventos en vistas de calendario.
Datos y jerarquía · Ejemplos y API - DataView
Presenta una colección de registros como vista de contenido.
Datos y jerarquía · Ejemplos y API - FilterBar
Compón controles de filtrado para una colección.
Datos y jerarquía · Ejemplos y API - Kanban
Organiza tareas en columnas de un flujo de trabajo.
Datos y jerarquía · Ejemplos y API - Pagination
Navega por páginas de una colección de registros.
Datos y jerarquía · Ejemplos y API - Table
Presenta registros planos con columnas e interacciones de datos.
Datos y jerarquía · Ejemplos y API - TimelineGrid
Organiza elementos temporales en una cuadrícula estructurada.
Datos y jerarquía · Ejemplos y API - Tree
Explora e interactúa con nodos jerárquicos.
Datos y jerarquía · Ejemplos y API - TreeTable
Presenta filas jerárquicas con columnas tabulares.
Datos y jerarquía · Ejemplos y API - VirtualList
Renderiza la ventana visible de una lista extensa.
Datos y jerarquía · Ejemplos y API
Navegación 13
Organiza destinos y pasos, cambia de sección u ofrece comandos sin perder el contexto.
- Accordion
Despliega secciones relacionadas sin salir de la página.
Navegación · Ejemplos y API - CommandPalette
Busca y ejecuta comandos desde una paleta.
Navegación · Ejemplos y API - ScrollTop
Vuelve al inicio de una superficie desplazable.
Navegación · Ejemplos y API - Stepper
Guía una tarea mediante pasos ordenados.
Navegación · Ejemplos y API - TabPanel
Aporta el contenido de una sección de Tabs.
Navegación · Ejemplos y API - Tabs
Cambia entre secciones de contenido relacionadas.
Navegación · Ejemplos y API
Capas y diálogos 5
Muestra tareas focalizadas, confirmaciones contextuales y contenido complementario sobre la superficie actual.
- BottomSheet
Presenta una tarea en una superficie inferior superpuesta.
Capas y diálogos · Ejemplos y API - ConfirmDialog
Solicita confirmación mediante un diálogo modal.
Capas y diálogos · Ejemplos y API - ConfirmPopup
Solicita confirmación junto a un disparador contextual.
Capas y diálogos · Ejemplos y API - Dialog
Abre una tarea modal con estado de aplicación.
Capas y diálogos · Ejemplos y API
Estados y avisos 12
Comunica progreso, validación, estado y resultados, incluidos los estados de carga y vacío.
- Alert
Muestra un aviso, error o confirmación contextual.
Estados y avisos · Ejemplos y API - Badge
Añade un contador o estado breve a otro elemento.
Estados y avisos · Ejemplos y API - BlockUI
Bloquea una superficie mientras se realiza una operación.
Estados y avisos · Ejemplos y API - Chip
Representa un elemento compacto con interacción opcional.
Estados y avisos · Ejemplos y API - EmptyState
Explica un resultado vacío y su siguiente acción.
Estados y avisos · Ejemplos y API - MeterGroup
Compara varias medidas dentro de un grupo.
Estados y avisos · Ejemplos y API - NotificationCenter
Consulta notificaciones de aplicación y su estado.
Estados y avisos · Ejemplos y API - ProgressBar
Muestra el progreso de una operación.
Estados y avisos · Ejemplos y API - Skeleton
Reserva la forma del contenido mientras se carga.
Estados y avisos · Ejemplos y API - Spinner
Indica que una operación sigue en curso.
Estados y avisos · Ejemplos y API - Tag
Muestra un estado o clasificación compactos.
Estados y avisos · Ejemplos y API - ToastContainer
Aloja notificaciones transitorias de aplicación.
Estados y avisos · Ejemplos y API
Diseño y contenido 19
Estructura contenido, compón superficies y presenta medios, resúmenes y comparaciones.
- Avatar
Identifica una persona o entidad con imagen o iniciales.
Diseño y contenido · Ejemplos y API - AvatarGroup
Agrupa varios avatares en una misma colección.
Diseño y contenido · Ejemplos y API - Card
Agrupa un resumen de contenido y sus acciones.
Diseño y contenido · Ejemplos y API - Carousel
Recorre una secuencia de elementos de contenido.
Diseño y contenido · Ejemplos y API - CodeBlock
Muestra código fuente con formato legible.
Diseño y contenido · Ejemplos y API - Compare
Un comparador antes/después, compuesto con Item, Handle e Indicator.
Diseño y contenido · Ejemplos y API - CompareHandle
Control de rango accesible auxiliar de Compare, no otro comparador.
Diseño y contenido · Ejemplos y API - CompareIndicator
Separación visual auxiliar de Compare, no otro comparador.
Diseño y contenido · Ejemplos y API - CompareItem
Superficie auxiliar de contenido antes/después dentro de Compare, no otro comparador.
Diseño y contenido · Ejemplos y API - DashboardGrid
Organiza paneles de aplicación en una cuadrícula configurable.
Diseño y contenido · Ejemplos y API - Divider
Separa grupos de contenido sin añadir un contenedor.
Diseño y contenido · Ejemplos y API - Fieldset
Agrupa campos relacionados bajo una leyenda.
Diseño y contenido · Ejemplos y API - Gallery
Explora una colección de imágenes o medios.
Diseño y contenido · Ejemplos y API - Panel
Agrupa contenido en una superficie con título.
Diseño y contenido · Ejemplos y API - ScrollArea
Proporciona una región de contenido desplazable.
Diseño y contenido · Ejemplos y API - Splitter
Redimensiona paneles de aplicación contiguos.
Diseño y contenido · Ejemplos y API - StatsCard
Presenta una métrica y su contexto.
Diseño y contenido · Ejemplos y API - Terminal
Presenta una interacción de comandos con aspecto de terminal.
Diseño y contenido · Ejemplos y API - Timeline
Presenta una secuencia ordenada de eventos.
Diseño y contenido · Ejemplos y API