Saltar al contenido principal
Neural UIv2.0.0Documentación
Ver v1 GitHub

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

Busca un nombre oficial o una tarea, como fecha, archivo o selección. Elige una familia o profundidad documental para reducir el resultado. Las 94 entradas son componentes públicos del producto. El estado describe la página: Ejemplos y API o Referencia API · ejemplos pendientes.

Utiliza el menú lateral para un destino conocido y la búsqueda para una API o concepto. Este catálogo ayuda a descubrir y comparar componentes.

94 / 94

Acciones 8

Ejecuta acciones, agrupa comandos o muestra opciones relacionadas.

  • Button

    Ejecuta una acción con la semántica de un botón nativo.

    Acciones · Ejemplos y API
  • ButtonGroup

    Compón botones relacionados en un grupo de acciones.

    Acciones · Ejemplos y API
  • 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
  • SplitButton

    Ofrece una acción principal y opciones de menú relacionadas.

    Acciones · Ejemplos y API
  • ToggleButtonGroup

    Elige estados con un grupo de botones alternables.

    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
  • InputTags

    Introduce y gestiona una colección de etiquetas de texto.

    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
  • Breadcrumb

    Muestra la ubicación dentro de una jerarquía de navegación.

    Navegación · Ejemplos y API
  • CommandPalette

    Busca y ejecuta comandos desde una paleta.

    Navegación · Ejemplos y API
  • MegaMenu

    Organiza un conjunto amplio de destinos de navegación.

    Navegación · Ejemplos y API
  • Menubar

    Presenta menús principales en una barra horizontal.

    Navegación · Ejemplos y API
  • MenuButton

    Abre un menú desde un botón disparador.

    Navegación · Ejemplos y API
  • Menu

    Presenta una lista de comandos o destinos.

    Navegación · Ejemplos y API
  • Nav

    Compón destinos de navegación de aplicación.

    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
  • TieredMenu

    Organiza comandos en niveles de menú anidados.

    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
  • Sidebar

    Presenta navegación o contenido en una superficie lateral.

    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
  • 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
  • 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

Compara opciones cercanas

Elige según los datos y la interacción, no por semejanza del nombre. Abre la ruta de cada componente para consultar sus propios inputs, outputs y templates.

Tu tarea
Elige
Por qué
Texto, una cantidad numérica o una fecha civilInput / NumberInput / DateInputElige por la semántica del valor, no solo por la apariencia.
Registros planos, jerarquía o filas jerárquicas con columnasTable / Tree / TreeTableTres componentes independientes para estructuras distintas.
Una tarea modal o ayuda contextualDialog / PopoverDialog recibe open de la aplicación. Popover es una directiva de disparador contextual.