Components

Every component, with a live preview you can run, a generated API reference and what assistive technology makes of it.

• Accordion

  A column of sections where opening one is a decision about the others — one at a time, or as many as the reader likes.

• Alert

  A bordered callout with an icon, a title, a description and whatever it offers to do about itself.

• AlertDialog

  A modal confirmation dialog that interrupts the user with important content and expects an explicit response.

• AspectRatio

  A box that locks its height to a fraction of its width, for the image, video frame or chart that must not squash.

• AttachmentRow

  One attached file — a preview, the name, a line of meta, the stage its upload is at, and the actions that act on it.

• Avatar

  A face with a fallback for when there is no picture, a corner badge for presence, and a row for a group of them.

• Badge

  A small pill for a status, a tag or a count, in the tones the theme publishes.

• Breadcrumb

  The path to where you are, whose middle collapses into one affordance rather than off the edge of the strip.

• Button

  A pressable control that runs an action, in eight variants and four sizes, each with a square icon form.

• ButtonGroup

  A cluster of buttons that assistive technology announces as one thing before it reads them.

• Calendar

  A month-grid calendar over a model you supply — days, ranges and per-day states, named by an absolute day serial.

• Card

  A surface with a header, a body and a footer — six exported parts, and none of them an affordance.

• Carousel

  A snap-to-item scroller along a row or down a column, with optional looping, autoplay and controls of your own.

• Checkbox

  A box with three states, the third of which Slint has no property for.

• Collapsible

  A trigger and the region it shows or hides, announcing its own expanded state.

• Combobox

  An autocomplete input and popup picker supporting single selection, multi-tag picking with chips, and rich item rows.

• Command

  A fast, keyboard-navigable command palette with search filtering, item grouping, and modal dialog support.

• ContextMenu

  A right-click context menu anchored to the pointer, with keyboard shortcuts, checkable items, and nested submenus.

• DataTable

  A sortable, selectable, pageable table with hideable columns and a virtualized body — the component owns the UX, your model owns the data.

• DatePicker

  A calendar in a popup, opened by a trigger you own and closed by the pick.

• Dialog

  A modal overlay that dims the window behind it and holds the reader on one focused task until they close it.

• Drawer

  A modal surface anchored to the bottom of the screen with a grab handle and drag-to-dismiss gesture.

• DropdownMenu

  A click-triggered menu with keyboard navigation, grouped items, checkable options, and nested submenus.

• Empty

  The pane that stands where content would be — nothing found, nothing yet, nothing set up.

• Field

  The composition that ties a label, a control, its description and its errors into one announced unit.

• GroupBox

  A titled frame around a set of related controls, announced as one group.

• HoverCard

  A hover-revealed floating surface that displays rich preview content when the pointer rests on an interactive trigger.

• Icon

  The wrapper every Glint glyph goes through, giving a Lucide icon one size, tint and stroke width.

• Input

  A single line of text, as plain text, a password or a file path.

• InputGroup

  A text input with things welded to its edges — icons, text, a spinner, a control of your own.

• InputOTP

  A one-time code, one character per cell, advancing as it is typed.

• Item

  The generic dense row — a media gutter, a content column, and the actions against the trailing edge.

• Kbd

  A key cap, and the row of them a chord is written as.

• Label

  The caption for a control, which moves focus to it when clicked and marks it required.

• Marker

  The inline transcript annotation — a status line, a system note, and the labeled divider between one day's messages and the next.

• Menubar

  A desktop application menu bar presenting a horizontal strip of top-level menus with full keyboard navigation.

• MenuPanel

  The shared menu surface component that renders menu items, group headers, and nested submenu cards.

• MessageBubble

  One turn of a chat transcript — a role-tinted surface carrying the turn's text, its slotted content and its reactions.

• MessageRow

  The frame around a turn — the avatar gutter, the author-and-timestamp header, and the footer a turn's actions sit in.

• MessageScroller

  The transcript viewport — a virtualized list of turns, anchored to the newest one, that reports the band the reader has in front of them.

• NavigationMenu

  A header nav whose keyboard walks the strip without changing route on every keystroke.

• Pagination

  A pager whose window is a fixed handful of slots, so a 200-page set draws what a 20-page one does.

• Popover

  A click-opened floating surface for rich interactive content, anchored to a trigger and dismissed on click-outside or Escape.

• Progress

  A determinate bar, and the wait that has a bar but not yet a percentage.

• Questionnaire

  The multi-step form — one question at a time, with the answer living in the question it answers.

• RadioGroup

  A set of options where exactly one is chosen, walked with the arrow keys.

• RangeSlider

  Several stops on one track, each bounded by its neighbours.

• Resizable

  Two panes and the handle that trades room between them, with minimums, collapsing and a keyboard.

• ScrollArea

  A window onto content larger than itself, with a slim scrollbar drawn from tokens on each axis that overflows.

• Select

  A dropdown selection control with typeahead search, grouped options, and custom placement.

• Separator

  A hairline between sections — a line, and deliberately nothing more.

• Sheet

  A side-anchored panel that slides out from any screen edge to present complementary content or forms.

• Sidebar

  The app's navigation column — a shell that owns its width and collapse, and the parts you stack inside it.

• Skeleton

  A pulsing placeholder for content that has not arrived, sized where you use it.

• Slider

  A number picked along a track, continuous or stepped, on either axis.

• SpinBox

  A bounded number with steppers, clamped on the way in.

• Spinner

  The indeterminate busy indicator — an arc that turns, announcing itself politely.

• Switch

  A two-state toggle for a setting that takes effect as it is flipped.

• Table

  A static table whose columns carry the geometry every row obeys, and whose cells can hold a widget rather than only a string.

• Tabs

  A segmented strip that owns the selection and leaves the panel to you.

• Textarea

  Several lines of text, growing with what is typed until it scrolls instead.

• TimePicker

  An hour-and-minute grid in a popup, opened by a trigger you own and walked entirely from the arrow keys.

• Toast

  Notifications pushed into a queue from anywhere and stacked in one corner, each on its own countdown.

• Toggle

  A button that stays pressed — a tool state rather than an action.

• ToggleGroup

  A strip of toggles that acts as one control — pick one, or pick several.

• Tooltip

  A hover-revealed bubble that displays a brief description or keyboard shortcut when a trigger receives pointer hover or keyboard focus.

• TreeView

  Hierarchical navigation over a flattened row model, virtualized and walked entirely from the keyboard.

• Typography

  The two text primitives the theme's type ladder is spelled through, plus the blocks that are more than a font.