Slint Kit Documentation

Components

Find a component by purpose, inspect its screenshot and wiring. For a first working example, try a button or a searchable combobox.

Ready-to-use fields include their label and message options. Form primitives support custom composition; their examples list the controls that already provide the corresponding option.

Buttons and actions

ButtonKitButtonSlint button with a text label, busy state and activation callback.Button GroupKitButtonGroupRow of related buttons with consistent spacing.Form ButtonKitFormButtonButton that emits a typed form intent.Icon ButtonKitIconButtonSquare icon button for a compact action.PressableKitPressableAction primitive that coordinates pointer, keyboard and focus for custom buttons.Reset ButtonKitResetButtonQuiet button preset for requesting a form reset.Submit ButtonKitSubmitButtonPrimary button preset for requesting form submission.

Form structure

FieldKitFieldBasic column that groups a label, editor and supporting messages.Field DescriptionKitFieldDescriptionSecondary help text for a field.Field ErrorKitFieldErrorVisual error message with a polite accessibility announcement.Field GroupKitFieldGroupColumn that spaces complete form fields.Field LabelKitFieldLabelComposition primitive that connects a custom field label to its editor’s focus.Field SeparatorKitFieldSeparatorSubtle rule separating groups within a form.Field SetKitFieldSetForm group named by a visible and accessible legend.Form Error SummaryKitFormErrorSummaryError list that lets users reach affected fields.Input GroupKitInputGroupShared input surface for editors and their adjoining content.Input Group EndKitInputGroupEndHorizontal slot for content after an editor.Input Group StartKitInputGroupStartHorizontal slot for content before an editor.Input Group TextKitInputGroupTextSecondary text aligned with input content.

Text input

Email FieldKitEmailFieldNative text field for an email address.Masked FieldKitMaskedFieldText input validated against a host-defined mask.OTP FieldKitOtpFieldNative text input for a fixed-length one-time code.Password FieldKitPasswordFieldMasked native input for a password.Search FieldKitSearchFieldNative text field for a search query.Telephone FieldKitTelephoneFieldNative text field for a telephone number.Text AreaKitTextAreaMultiline native input for notes and longer text.Text FieldKitTextFieldSingle-line native text input with a label and validation feedback.URL FieldKitUrlFieldNative text field for a web address.

Numbers and money

Decimal FieldKitDecimalFieldNumeric text input connected to DecimalValue in Rust.Duration FieldKitDurationFieldNumeric text input connected to DurationValue in Rust.Integer FieldKitIntegerFieldNumeric text input connected to i64 in Rust.Money FieldKitMoneyFieldNumeric text input connected to Money with CurrencyCode CAD in Rust.Number StepperKitNumberStepperDecimal input with increment and decrement requests.Percent FieldKitPercentFieldNumeric text input connected to Percent in Rust.Quantity FieldKitQuantityFieldNumeric text input connected to Quantity with Unit::Kilograms in Rust.

Selection

OptionKitOptionCustomizable option row that captures identity when pressing begins.SelectKitSelectPopup selector with search, keyboard navigation and virtualized options.Select KeyboardKitSelectKeyboardShared keyboard translator for composed selectors and menus.Select SurfaceKitSelectSurfacePopup surface combining native search, keyboard handling and active-option visibility.Select TriggerKitSelectTriggerCustomizable trigger sharing selector interactions.

Choices and values

CheckboxKitCheckboxControlled checkbox with a genuine mixed state.ChipKitChipCompact label that requests removal of an identified item.Searchable comboboxKitComboboxSlint combobox for searching options and selecting one value.Multi SelectKitMultiSelectMultiple-choice selector with removable chips for accepted values.Radio GroupKitRadioGroupExclusive choice group with a shared keyboard target.Range SliderKitRangeSliderTwo-thumb slider for a controlled range.RatingKitRatingScore selection with an explicit clear action.Segmented ControlKitSegmentedControlCompact exclusive choice presented as segments.SliderKitSliderContinuous slider projecting a domain value onto a normalized position.SwitchKitSwitchControlled switch for a boolean preference.Tag InputKitTagInputInput for creating tags with a controlled chip list.Toggle GroupKitToggleGroupGroup of actions with controlled multiple selection.

Dates

CalendarKitCalendarMonth grid for choosing a civil date.Date FieldKitDateFieldText entry for a CivilDate value.Date PickerKitDatePickerDate text input with a popup calendar.Date Range PickerKitDateRangePickerCalendar for selecting a start date and an end date.ISO Week FieldKitIsoWeekFieldText entry for a IsoWeek value.Month FieldKitMonthFieldText entry for a YearMonth value.Year FieldKitYearFieldText entry for a Year value.

Times and zones

Date and Time FieldKitDateTimeFieldTwo text drafts accepted as one local date and time.Time FieldKitTimeFieldNative text input for a local time of day.Time PickerKitTimePickerLocal-time input with hour and minute adjustment controls.Zoned Date and Time FieldKitZonedDateTimeFieldLocal date and time resolved in an IANA time zone.

Files

Directory PickerKitDirectoryPickerBrowse and clear actions for one selected directory.File Drop ZoneKitFileDropZoneDrop target whose availability follows the host’s file-drop capability.File ListKitFileListFile rows with names, details and remove actions.File PickerKitFilePickerBrowse action and selected-file list connected to a native dialog.

Colors

Color FieldKitColorFieldHex text input with a color swatch and picker popup.Color PickerKitColorPickerColor editor with hex text, channel inputs and channel sliders.

Layout

App ShellKitAppShellWindow background that arranges an application’s main regions.ContainerKitContainerCentered column that limits reading width within available space.GridKitGridGrid using Slint’s public placement rules directly.InlineKitInlineSingle row for adjacent controls and content.Scroll AreaKitScrollAreaVertical scrolling area for a content column.SectionKitSectionContent section with a heading and optional description.StackKitStackVertical stack with named spacing and inset values.SurfaceKitSurfaceSingle painted surface for composed content.WrapKitWrapLayout that reflows children onto multiple lines.

Display

AvatarKitAvatarRepresentation of a person or entity through an image or initials.BadgeKitBadgeNon-interactive label for a category, count or status.CardKitCardCard surface for grouping a unit of content.Card BodyKitCardBodyMain content column within a card.Card FooterKitCardFooterCard action row that can wrap onto multiple lines.Card HeaderKitCardHeaderCard heading and description with a typographic hierarchy.Chat BubbleKitChatBubbleConversation message with author and metadata.DividerKitDividerHorizontal separator with an optional central label.Empty StateKitEmptyStatePresentation for an empty collection with explanation and free action content.FooterKitFooterFooter region for secondary application information.HeroKitHeroProminent introduction block with heading, description and free content.SkeletonKitSkeletonLoading shape that reserves space for pending content.StatKitStatCompact metric comprising a label, value and context.StepsKitStepsStep indicator with explicit progress states.TimelineKitTimelineVertical timeline of headings, descriptions and metadata.

Feedback and progress

AlertKitAlertContextual message for a result, information or error.ProgressKitProgressDeterminate progress bar expressed as a fraction.Radial ProgressKitRadialProgressCircular progress indicator with a central percentage.SpinnerKitSpinnerIndeterminate activity indicator with an accessible label.ToastKitToastIdentified transient notification with optional action and dismissal.Toast HostKitToastHostTransient notification stack supplied by a Rust-owned queue.TooltipKitTooltipShort help associated with a control’s hover and focus.Tooltip LayerKitTooltipLayerWindow layer displaying the focused target’s tooltip.

Dialogs

Dialog BodyKitDialogBodyVertical slot for a dialog’s main content.Dialog FooterKitDialogFooterTrailing slot for dialog actions.Dialog HeaderKitDialogHeaderHorizontal slot for a dialog header.Dialog PanelKitDialogPanelDialog content surface with an accessible name.Dialog SurfaceKitDialogSurfaceModal host managing the scrim, close requests and focus traversal.

Virtualized data

Content listKitContentListVirtualized Slint list with titles, excerpts and item selection.Data tableKitDataTableSlint data table with virtualized rows, sortable headers and row selection.Virtual text viewKitVirtualTextViewSlint document view with selection and native editing of one line.

Focus management

Focus TargetKitFocusTargetBridge between an actual visual target and focus-registry requests.

Icons

IconKitIconOriginal vector icon selected from a typed set.