--- title: "Componentes — zenit Zig UI" description: "51 componentes públicos y 13 laboratorios de capacidades. Cada clip es el drawable de Metal de una ventana real de zenit Storybook controlada por el harness…" url: https://zenit.z.express/es/components language: es alternate_en: https://zenit.z.express/components.md alternate_zh: https://zenit.z.express/zh/components.md alternate_ja: https://zenit.z.express/ja/components.md alternate_ko: https://zenit.z.express/ko/components.md alternate_fr: https://zenit.z.express/fr/components.md alternate_de: https://zenit.z.express/de/components.md project: zenit v0.1.0-alpha (Zig 0.15.2, macOS) source: https://github.com/version-next/zenit --- # Componentes 51 componentes públicos y 13 laboratorios de capacidades. Cada clip es el drawable de Metal de una ventana real de zenit Storybook controlada por el harness E2E; el código fuente y las props se extraen directamente del repositorio. [Button`ui.widgets.Button`Botones primarios, secundarios, destructivos, tipo enlace y solo icono.](https://zenit.z.express/es/components/button)[Checkbox`ui.widgets.Checkbox`Un booleano independiente con estados sin marcar, marcado e indeterminado.](https://zenit.z.express/es/components/checkbox)[Switch`ui.widgets.Switch`Un interruptor para ajustes que se aplican al instante.](https://zenit.z.express/es/components/switch)[Radio`ui.widgets.RadioGroup`Elige exactamente un valor entre opciones mutuamente excluyentes.](https://zenit.z.express/es/components/radio)[Slider`ui.widgets.Slider`Elige un valor en un rango continuo o por pasos.](https://zenit.z.express/es/components/slider)[Rate`ui.widgets.Rate`Valoraciones con estrellas o con un número limitado de elementos.](https://zenit.z.express/es/components/rate)[NumberStepper`ui.widgets.NumberStepper`Incremento y decremento precisos para cantidades y parámetros.](https://zenit.z.express/es/components/stepper)[Input`ui.widgets.Input`Entrada de una línea para texto, email, contraseña y búsqueda.](https://zenit.z.express/es/components/input)[Textarea`ui.widgets.Textarea`Edición multilínea con estados helper, error y disabled.](https://zenit.z.express/es/components/textarea)[Select`ui.widgets.Select`Selectores simples, múltiples, borrables y con búsqueda.](https://zenit.z.express/es/components/select)[Form Composition`Input · Select · Button`Input, Select y Button combinados en un mismo tamaño: una barra de filtros y un formulario de negocio.](https://zenit.z.express/es/components/formcompose)[ComboBox`ui.widgets.ComboBox`Una entrada con búsqueda y filtrado que escribe de vuelta su valor.](https://zenit.z.express/es/components/combobox)[TagsInput`ui.widgets.TagsInput`Introduce muchos tokens desde el teclado.](https://zenit.z.express/es/components/tags)[FileUpload`ui.widgets.FileUpload`Selección de archivos y zona para soltar.](https://zenit.z.express/es/components/upload)[DatePicker`ui.widgets.DatePicker`Introduce una fecha o elígela en un calendario.](https://zenit.z.express/es/components/datepicker)[DateRangePicker`ui.widgets.DateRangePicker`Elige una fecha de inicio y una de fin.](https://zenit.z.express/es/components/daterange)[Form`ui.widgets.FormOf(T)`Estado de formulario tipado, metadatos de campo y momento de validación.](https://zenit.z.express/es/components/form)[Badge`ui.widgets.Badge`Estado de bajo énfasis, contadores y etiquetas semánticas.](https://zenit.z.express/es/components/badge)[Tag`ui.widgets.Tag`Etiquetas de categoría que se pueden cerrar o de solo lectura.](https://zenit.z.express/es/components/tag)[Chip`ui.widgets.Chip`Opciones compactas, filtros o tokens con icono.](https://zenit.z.express/es/components/chip)[Card`ui.widgets.Card`Agrupa un título, un cuerpo y una superficie interactiva en una unidad.](https://zenit.z.express/es/components/card)[Alert`ui.widgets.Alert`Feedback persistente dentro de la página.](https://zenit.z.express/es/components/alert)[Progress`ui.widgets.Progress`Progreso determinado e indeterminado.](https://zenit.z.express/es/components/progress)[Spinner`ui.widgets.Spinner`Una animación compacta para esperas breves.](https://zenit.z.express/es/components/spinner)[Skeleton`ui.widgets.Skeleton`Estructura provisional mientras carga el contenido.](https://zenit.z.express/es/components/skeleton)[Timeline`ui.widgets.Timeline`Eventos verticales por tiempo o por estado.](https://zenit.z.express/es/components/timeline)[Breadcrumb`ui.widgets.Breadcrumb`Muestra la ubicación actual y sus ancestros.](https://zenit.z.express/es/components/breadcrumb)[Steps`ui.widgets.Steps`Estados completado, actual y pendiente de una tarea en varias etapas.](https://zenit.z.express/es/components/steps)[Tree`ui.widgets.Tree`Jerarquías, árboles de archivos y estructuras desplegables.](https://zenit.z.express/es/components/tree)[Table`ui.widgets.Table`Una tabla básica con columnas fijas y celdas personalizadas.](https://zenit.z.express/es/components/table)[DataTable`ui.widgets.DataTable`Una tabla de datos con filtrado, paginación y comportamiento de columnas.](https://zenit.z.express/es/components/datatable)[Calendar`ui.widgets.Calendar`Navegación y selección de fechas en vista mensual.](https://zenit.z.express/es/components/calendar)[Markdown`ui.widgets.Markdown`Renderiza un subconjunto de Markdown admitido como nodos nativos.](https://zenit.z.express/es/components/markdown)[Icons`ui.system_icons`Roles de icono semánticos, tamaños y tintes independientes del proveedor.](https://zenit.z.express/es/components/icons)[Tabs`ui.widgets.Tabs`Cambia entre vistas hermanas dentro de un mismo contexto.](https://zenit.z.express/es/components/tabs)[Accordion`ui.widgets.Accordion`Pliega y despliega secciones.](https://zenit.z.express/es/components/accordion)[Menu`ui.widgets.Menu`Acciones contextuales con atajos de teclado.](https://zenit.z.express/es/components/menu)[DropdownMenu`ui.widgets.DropdownMenu`Un conjunto de comandos que se abre desde un botón.](https://zenit.z.express/es/components/dropdown)[Notification`ui.widgets.Notifier`Notificaciones no bloqueantes: nueve tipos, progreso, acciones, apilado y ocho posiciones de anclaje.](https://zenit.z.express/es/components/notification)[Tooltip`ui.widgets.Tooltip`Pistas breves y complementarias para los controles.](https://zenit.z.express/es/components/tooltip)[Popover`ui.widgets.Popover`Contenido transitorio más rico que un tooltip.](https://zenit.z.express/es/components/popover)[Modal`ui.widgets.Modal`Tareas bloqueantes, confirmaciones y contexto enfocado.](https://zenit.z.express/es/components/modal)[Sheet`ui.widgets.Sheet`Un panel lateral que se desliza desde el borde de la ventana.](https://zenit.z.express/es/components/sheet)[GlassBox`ui.widgets.GlassBox`Una superficie de vidrio con un desenfoque real del fondo.](https://zenit.z.express/es/components/glassbox)[Divider`ui.widgets.Divider`Separadores horizontales, verticales y con etiqueta.](https://zenit.z.express/es/components/divider)[Stack`ui.widgets.HStack / VStack`Disposición horizontal y vertical habitual.](https://zenit.z.express/es/components/stack)[Layout / Box Model`ui.box`Una matriz de cobertura del modelo de caja, porcentajes, posicionamiento absoluto, Flex / Grid y recorte.](https://zenit.z.express/es/components/layoutbox)[VirtualList`ui.widgets.VirtualList`Monta solo la ventana visible de listas grandes y uniformes.](https://zenit.z.express/es/components/virtuallist)[VirtualList (Dynamic)`ui.widgets.VirtualList`Una lista virtual con altura de fila variable.](https://zenit.z.express/es/components/virtuallistdynamic)[ScrollArea`ui.widgets.mountScrollArea`Scroll dibujado a medida, barras de desplazamiento y posicionamiento programático.](https://zenit.z.express/es/components/scrollarea)[Grid`ui.widgets.mountGrid`Filas y columnas bidimensionales con celdas personalizadas.](https://zenit.z.express/es/components/grid)[GlassLab`ui.widgets.GlassBox`Un banco óptico de GlassBox: refracción, ancho del bisel y aumento.](https://zenit.z.express/es/components/glasslab)[GlassIslands`ui.widgets.GlassBox`Varias islas de vidrio sobre un mismo fondo.](https://zenit.z.express/es/components/glassislands)[GlassMotion`ui.widgets.GlassBox`Vidrio que se transforma y una barra de herramientas que flota al hacer scroll.](https://zenit.z.express/es/components/glassmotion)[GlassChrome`ui.widgets.GlassBox`Chrome de app: barra de título y barra de herramientas de vidrio sobre contenido que se desplaza.](https://zenit.z.express/es/components/glasschrome)[CanvasEvents`ui.events`Eventos a nivel de lienzo: scroll, gesto de zoom, arrastre y un viaje de ida y vuelta de PNG por el portapapeles.](https://zenit.z.express/es/components/canvasevents)[Drag`ui.interaction`Arrastre y un tirador de redimensionado horizontal.](https://zenit.z.express/es/components/drag)[Gestures`ui.interaction`Arbitraje de gestos para clic simple, doble, triple y pulsación larga.](https://zenit.z.express/es/components/multiclick)[AnimControls`ui.fx`Control de animaciones: yoyo, líneas de tiempo, keyframes y muelles.](https://zenit.z.express/es/components/animctl)[VectorPath`ui.path`Geometría de trazados vectoriales: trazo, relleno y hit-testing.](https://zenit.z.express/es/components/vectorpath)[BlendModes`ui.box`Modos de fusión y composición con opacidad.](https://zenit.z.express/es/components/blend)[Emoji`ui.text`Emoji en color, secuencias ZWJ y modificadores de tono de piel.](https://zenit.z.express/es/components/emoji)[RTL`ui.text`Texto mixto en árabe, hebreo y latín.](https://zenit.z.express/es/components/rtl)[WordNav`ui.widgets.Textarea`Movimiento del cursor por palabras entre sistemas de escritura.](https://zenit.z.express/es/components/wordnav)