Components
All 123 public kit components, grouped by purpose. Each page includes a complete example and its native screenshot.
Buttons and actions
KitButtonLabeled button whose busy indicator preserves its natural width.KitButtonGroupRow of related buttons with consistent spacing.KitFormButtonButton that emits a typed form intent.KitIconButtonSquare icon button for a compact action.KitPressableAction primitive that coordinates pointer, keyboard and focus for custom buttons.KitResetButtonQuiet button preset for requesting a form reset.KitSubmitButtonPrimary button preset for requesting form submission.
Form structure
KitFieldBasic column that groups a label, editor and supporting messages.KitFieldDescriptionSecondary help text for a field.KitFieldErrorVisual error message with a polite accessibility announcement.KitFieldGroupColumn that spaces complete form fields.KitFieldLabelClickable field label that can request focus for its editor.KitFieldSeparatorSubtle rule separating groups within a form.KitFieldSetForm group named by a visible and accessible legend.KitFormErrorSummaryError list that lets users reach affected fields.KitInputGroupShared input surface for editors and their adjoining content.KitInputGroupEndHorizontal slot for content after an editor.KitInputGroupStartHorizontal slot for content before an editor.KitInputGroupTextSecondary text aligned with input content.
Text input
KitEmailFieldNative field presenting an email address draft.KitMaskedFieldText field for a draft governed by a domain mask.KitOtpFieldOne-time code field that retains one native editor.KitPasswordFieldPassword field with a visibility toggle.KitSearchFieldSearch field with a built-in clear action.KitTelephoneFieldNative field for an editable telephone number.KitTextAreaNative multiline editor for a complete text buffer.KitTextFieldNative text field with a label, validation and supporting messages.KitUrlFieldNative field intended for a URL.
Numbers and money
KitDecimalFieldDecimal draft field intended for an exact value.KitDurationFieldDecimal field for a duration expressed in an explicit unit.KitIntegerFieldNative editor for an integer draft.KitMoneyFieldMoney editor that separates the draft from its accepted value.KitNumberStepperNumeric field with increment and decrement actions.KitPercentFieldDecimal field presenting a percentage with its symbol.KitQuantityFieldDecimal field for a quantity with a domain unit.
Selection
KitOptionCustomizable option row that captures identity when pressing begins.KitSelectPopup selector with search, keyboard navigation and virtualized options.KitSelectKeyboardShared keyboard translator for composed selectors and menus.KitSelectSurfacePopup surface combining native search, keyboard handling and active-option visibility.KitSelectTriggerCustomizable trigger sharing selector interactions.
Choices and values
KitCheckboxControlled checkbox with a genuine mixed state.KitChipCompact label that requests removal of an identified item.KitComboboxOption search with stable selection and explicit search status.KitMultiSelectMultiple selector combining search with selected-choice chips.KitRadioGroupExclusive choice group with a shared keyboard target.KitRangeSliderTwo-thumb slider for a controlled range.KitRatingScore selection with an explicit clear action.KitSegmentedControlCompact exclusive choice presented as segments.KitSliderContinuous slider projecting a domain value onto a normalized position.KitSwitchControlled switch for a boolean preference.KitTagInputInput for creating tags with a controlled chip list.KitToggleGroupGroup of actions with controlled multiple selection.
Dates
KitCalendarNavigable day grid supplied by a calendar model.KitDateFieldNative civil-date field without a time zone.KitDatePickerCivil-date field with a popup calendar.KitDateRangePickerRange calendar with provisional selection and explicit application.KitIsoWeekFieldNative field for an ISO calendar week.KitMonthFieldNative field for a month within a civil year.KitYearFieldNative field for a civil year.
Times and zones
KitDateTimeFieldTwo native editors composing one local date-and-time draft.KitTimeFieldNative field for a local time without creating an instant.KitTimePickerLocal-time input with explicit adjustment of each segment.KitZonedDateTimeFieldDate, local-time and zone input with explicit ambiguity resolution.
Files
Colors
Layout
KitAppShellWindow background that arranges an application’s main regions.KitContainerCentered column that limits reading width within available space.KitGridGrid using Slint’s public placement rules directly.KitInlineSingle row for adjacent controls and content.KitScrollAreaVertical scrolling area for a content column.KitSectionContent section with a heading and optional description.KitStackVertical stack with named spacing and inset values.KitSurfaceSingle painted surface for composed content.KitWrapLayout that reflows children onto multiple lines.
Display
KitAvatarRepresentation of a person or entity through an image or initials.KitBadgeNon-interactive label for a category, count or status.KitCardCard surface for grouping a unit of content.KitCardBodyMain content column within a card.KitCardFooterCard action row that can wrap onto multiple lines.KitCardHeaderCard heading and description with a typographic hierarchy.KitChatBubbleConversation message with author and metadata.KitDividerHorizontal separator with an optional central label.KitEmptyStatePresentation for an empty collection with explanation and free action content.KitFooterFooter region for secondary application information.KitHeroProminent introduction block with heading, description and free content.KitSkeletonLoading shape that reserves space for pending content.KitStatCompact metric comprising a label, value and context.KitStepsStep indicator with explicit progress states.KitTimelineVertical timeline of headings, descriptions and metadata.
Feedback and progress
KitAlertContextual message for a result, information or error.KitProgressDeterminate progress bar expressed as a fraction.KitRadialProgressCircular progress indicator with a central percentage.KitSpinnerIndeterminate activity indicator with an accessible label.KitToastIdentified transient notification with optional action and dismissal.KitToastHostTransient notification stack supplied by a Rust-owned queue.KitTooltipShort help associated with a control’s hover and focus.KitTooltipLayerWindow layer displaying the focused target’s tooltip.