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.

Buttonui.widgets.ButtonBotones primarios, secundarios, destructivos, tipo enlace y solo icono.Checkboxui.widgets.CheckboxUn booleano independiente con estados sin marcar, marcado e indeterminado.Switchui.widgets.SwitchUn interruptor para ajustes que se aplican al instante.Radioui.widgets.RadioGroupElige exactamente un valor entre opciones mutuamente excluyentes.Sliderui.widgets.SliderElige un valor en un rango continuo o por pasos.Rateui.widgets.RateValoraciones con estrellas o con un número limitado de elementos.NumberStepperui.widgets.NumberStepperIncremento y decremento precisos para cantidades y parámetros.Inputui.widgets.InputEntrada de una línea para texto, email, contraseña y búsqueda.Textareaui.widgets.TextareaEdición multilínea con estados helper, error y disabled.Selectui.widgets.SelectSelectores simples, múltiples, borrables y con búsqueda.Form CompositionInput · Select · ButtonInput, Select y Button combinados en un mismo tamaño: una barra de filtros y un formulario de negocio.ComboBoxui.widgets.ComboBoxUna entrada con búsqueda y filtrado que escribe de vuelta su valor.TagsInputui.widgets.TagsInputIntroduce muchos tokens desde el teclado.FileUploadui.widgets.FileUploadSelección de archivos y zona para soltar.DatePickerui.widgets.DatePickerIntroduce una fecha o elígela en un calendario.DateRangePickerui.widgets.DateRangePickerElige una fecha de inicio y una de fin.Formui.widgets.FormOf(T)Estado de formulario tipado, metadatos de campo y momento de validación.Badgeui.widgets.BadgeEstado de bajo énfasis, contadores y etiquetas semánticas.Tagui.widgets.TagEtiquetas de categoría que se pueden cerrar o de solo lectura.Chipui.widgets.ChipOpciones compactas, filtros o tokens con icono.Cardui.widgets.CardAgrupa un título, un cuerpo y una superficie interactiva en una unidad.Alertui.widgets.AlertFeedback persistente dentro de la página.Progressui.widgets.ProgressProgreso determinado e indeterminado.Spinnerui.widgets.SpinnerUna animación compacta para esperas breves.Skeletonui.widgets.SkeletonEstructura provisional mientras carga el contenido.Timelineui.widgets.TimelineEventos verticales por tiempo o por estado.Breadcrumbui.widgets.BreadcrumbMuestra la ubicación actual y sus ancestros.Stepsui.widgets.StepsEstados completado, actual y pendiente de una tarea en varias etapas.Treeui.widgets.TreeJerarquías, árboles de archivos y estructuras desplegables.Tableui.widgets.TableUna tabla básica con columnas fijas y celdas personalizadas.DataTableui.widgets.DataTableUna tabla de datos con filtrado, paginación y comportamiento de columnas.Calendarui.widgets.CalendarNavegación y selección de fechas en vista mensual.Markdownui.widgets.MarkdownRenderiza un subconjunto de Markdown admitido como nodos nativos.Iconsui.system_iconsRoles de icono semánticos, tamaños y tintes independientes del proveedor.Tabsui.widgets.TabsCambia entre vistas hermanas dentro de un mismo contexto.Accordionui.widgets.AccordionPliega y despliega secciones.Menuui.widgets.MenuAcciones contextuales con atajos de teclado.DropdownMenuui.widgets.DropdownMenuUn conjunto de comandos que se abre desde un botón.Notificationui.widgets.NotifierNotificaciones no bloqueantes: nueve tipos, progreso, acciones, apilado y ocho posiciones de anclaje.Tooltipui.widgets.TooltipPistas breves y complementarias para los controles.Popoverui.widgets.PopoverContenido transitorio más rico que un tooltip.Modalui.widgets.ModalTareas bloqueantes, confirmaciones y contexto enfocado.Sheetui.widgets.SheetUn panel lateral que se desliza desde el borde de la ventana.GlassBoxui.widgets.GlassBoxUna superficie de vidrio con un desenfoque real del fondo.Dividerui.widgets.DividerSeparadores horizontales, verticales y con etiqueta.Stackui.widgets.HStack / VStackDisposición horizontal y vertical habitual.Layout / Box Modelui.boxUna matriz de cobertura del modelo de caja, porcentajes, posicionamiento absoluto, Flex / Grid y recorte.VirtualListui.widgets.VirtualListMonta solo la ventana visible de listas grandes y uniformes.VirtualList (Dynamic)ui.widgets.VirtualListUna lista virtual con altura de fila variable.ScrollAreaui.widgets.mountScrollAreaScroll dibujado a medida, barras de desplazamiento y posicionamiento programático.Gridui.widgets.mountGridFilas y columnas bidimensionales con celdas personalizadas.GlassLabui.widgets.GlassBoxUn banco óptico de GlassBox: refracción, ancho del bisel y aumento.GlassIslandsui.widgets.GlassBoxVarias islas de vidrio sobre un mismo fondo.GlassMotionui.widgets.GlassBoxVidrio que se transforma y una barra de herramientas que flota al hacer scroll.GlassChromeui.widgets.GlassBoxChrome de app: barra de título y barra de herramientas de vidrio sobre contenido que se desplaza.CanvasEventsui.eventsEventos a nivel de lienzo: scroll, gesto de zoom, arrastre y un viaje de ida y vuelta de PNG por el portapapeles.Dragui.interactionArrastre y un tirador de redimensionado horizontal.Gesturesui.interactionArbitraje de gestos para clic simple, doble, triple y pulsación larga.AnimControlsui.fxControl de animaciones: yoyo, líneas de tiempo, keyframes y muelles.VectorPathui.pathGeometría de trazados vectoriales: trazo, relleno y hit-testing.BlendModesui.boxModos de fusión y composición con opacidad.Emojiui.textEmoji en color, secuencias ZWJ y modificadores de tono de piel.RTLui.textTexto mixto en árabe, hebreo y latín.WordNavui.widgets.TextareaMovimiento del cursor por palabras entre sistemas de escritura.