components/overview
zenit Storybook · 4c50245 2026-10-01
Components
51 public components and 13 capability labs. Every clip is the Metal drawable of a real zenit Storybook window driven by the E2E harness; source and props are extracted straight from the repo.
Buttonui.widgets.ButtonPrimary, secondary, destructive, link-style and icon-only buttons.
Checkboxui.widgets.CheckboxAn independent boolean with unchecked, checked and indeterminate states.
Switchui.widgets.SwitchA toggle for settings that apply immediately.
Radioui.widgets.RadioGroupPick exactly one value from mutually exclusive options.
Sliderui.widgets.SliderChoose a value on a continuous or stepped range.
Rateui.widgets.RateStar or bounded-count ratings.
NumberStepperui.widgets.NumberStepperPrecise increment and decrement for quantities and parameters.
Inputui.widgets.InputSingle-line text, email, password and search input.
Textareaui.widgets.TextareaMulti-line editing with helper, error and disabled states.
Selectui.widgets.SelectSingle, multiple, clearable and searchable pickers.
Form CompositionInput · Select · ButtonInput, Select and Button mixed at one size: a filter toolbar and a business form.
ComboBoxui.widgets.ComboBoxA searchable, filterable input that writes back its value.
TagsInputui.widgets.TagsInputEnter many tokens from the keyboard.
FileUploadui.widgets.FileUploadFile picking and a drop target.
DatePickerui.widgets.DatePickerEnter a single date or pick it from a calendar.
DateRangePickerui.widgets.DateRangePickerPick a start and an end date.
Formui.widgets.FormOf(T)Typed form state, field metadata and validation timing.
Badgeui.widgets.BadgeLow-emphasis status, counts and semantic labels.
Tagui.widgets.TagClosable or read-only category labels.
Chipui.widgets.ChipCompact choices, filters or icon tokens.
Cardui.widgets.CardGroups a title, body and interactive surface into one unit.
Alertui.widgets.AlertPersistent in-page feedback.
Progressui.widgets.ProgressDeterminate and indeterminate progress.
Spinnerui.widgets.SpinnerA compact animation for short waits.
Skeletonui.widgets.SkeletonPlaceholder structure while content loads.
Timelineui.widgets.TimelineVertical events by time or status.
Breadcrumbui.widgets.BreadcrumbShows the current location and its ancestors.
Stepsui.widgets.StepsDone, current and pending states of a multi-stage task.
Treeui.widgets.TreeHierarchies, file trees and expandable structures.
Tableui.widgets.TableA basic table with fixed columns and custom cells.
DataTableui.widgets.DataTableA data table with filtering, paging and column behavior.
Calendarui.widgets.CalendarMonth-view date browsing and selection.
Markdownui.widgets.MarkdownRenders a supported Markdown subset as native nodes.ui.system_iconsProvider-neutral semantic icon roles, sizes and tints.
Tabsui.widgets.TabsSwitch between sibling views in one context.
Accordionui.widgets.AccordionCollapse and expand sections.
Menuui.widgets.MenuContextual actions with shortcut hints.
DropdownMenuui.widgets.DropdownMenuA set of commands opened from a button.
Notificationui.widgets.NotifierNon-blocking notifications: nine kinds, progress, actions, stacking and eight docking positions.
Tooltipui.widgets.TooltipShort supplementary hints for controls.
Popoverui.widgets.PopoverRicher transient content than a tooltip.
Modalui.widgets.ModalBlocking tasks, confirmations and focused context.
Sheetui.widgets.SheetA side panel that slides in from the window edge.
GlassBoxui.widgets.GlassBoxA glass surface with a real backdrop blur.
Dividerui.widgets.DividerHorizontal, vertical and labeled separators.
Stackui.widgets.HStack / VStackCommon horizontal and vertical arrangement.
Layout / Box Modelui.boxA coverage matrix for the box model, percentages, absolute positioning, Flex / Grid and clipping.
VirtualListui.widgets.VirtualListMounts only the visible window of large uniform lists.
VirtualList (Dynamic)ui.widgets.VirtualListA virtual list with variable row heights.
ScrollAreaui.widgets.mountScrollAreaCustom-drawn scrolling, scrollbars and programmatic positioning.
Gridui.widgets.mountGridTwo-dimensional rows and columns with custom cells.
GlassLabui.widgets.GlassBoxA GlassBox optics bench: refraction, bezel width and magnification.
GlassIslandsui.widgets.GlassBoxSeveral glass islands over one backdrop.
GlassMotionui.widgets.GlassBoxMorphing glass and a toolbar that floats while scrolling.
GlassChromeui.widgets.GlassBoxApp chrome: glass title bar and toolbar over scrolling content.
CanvasEventsui.eventsCanvas-level events: scroll, magnify, drag and a clipboard PNG round-trip.
Dragui.interactionDragging and a horizontal resize handle.
Gesturesui.interactionGesture arbitration for single, double, triple click and long-press.
AnimControlsui.fxAnimation control: yoyo, timelines, keyframes and springs.
VectorPathui.pathVector path geometry: stroke, fill and hit-testing.
BlendModesui.boxBlend modes and opacity compositing.
Emojiui.textColor emoji, ZWJ sequences and skin-tone modifiers.
RTLui.textArabic, Hebrew and Latin mixed text.
WordNavui.widgets.TextareaWord-wise cursor movement across scripts.