Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Widget Catalog

Every public widget in teksilo-widgets, grouped by category. Each page links to its full rustdoc API reference.

Layout primitives

  • AspectRatio — AspectRatio — a single-child wrapper that constrains layout to a fixed
  • Center — Center — a single-child wrapper that centers its child within the available
  • ColumnFlowColumnFlow — flows children into as many columns as the width affords,
  • DeadZoneDeadZone — a gesture dead zone wrapper
  • Divider — Divider — a themed separator line that visually partitions content
  • Expand — Expand — a layout modifier that claims slack space in a stack and
  • FixedSize — FixedSize — a layout modifier that pins a child to its natural size,
  • FocusScopeFocusScope — a layout-transparent wrapper that declares a **traversal
  • FormLayout — FormLayout — a two-column settings or preferences form layout
  • Grid — Grid — a 2D layout container with explicit row and column tracks
  • HStack — HStack — a horizontal layout container that distributes children left-to-right
  • MasonryLayout — MasonryLayout — a variable-height grid that packs children into the
  • MaxSize — MaxSize — a layout modifier that caps a child to a maximum width and/or height
  • MinSize — MinSize — a layout modifier that ensures a child reaches a minimum width and/or height
  • Padding — Padding — a single-child layout container that adds insets around its child
  • Shrinkable — Shrinkable — a layout modifier that allows its child to compress under an over-constraint
  • Spacer — Spacer — an invisible, flexible gap that claims all available space on the
  • Switcher — Switcher — a container that shows exactly one child page at a time
  • VStack — VStack — a vertical layout container that distributes children top-to-bottom
  • Wrap — Wrap — a horizontal flow layout that wraps children to the next line when
  • ZStack — ZStack — a layout container that layers children on top of each other

Visual primitives

  • IconWidget — IconWidget — a vector or raster icon rendered at a configurable size
  • ImageMaskShape — Anti-aliased alpha masking for raster images — circle / rounded-square
  • ImageWidget — ImageWidget — displays a raster image (PNG, WebP) with a configurable
  • RectWidget — RectWidget — a leaf widget that paints a filled and/or stroked rounded rectangle
  • TextInputFieldTextInputField — editable single-line text surface primitive
  • TextWidget — TextWidget — a leaf widget that renders a localized text string
  • TwistArrow — TwistArrow — a small chevron that indicates and toggles a tree node's expansion
  • ValidationStrip — ValidationStrip — a small inline message shown below a text field to

Containers and chrome

  • Accordion — Accordion — a collapsible section with a clickable header that shows or hides
  • Banner — Banner — persistent inline status strip (info / success / warning / error)
  • Breadcrumb — Breadcrumb — a navigational trail with automatic overflow into a menu
  • Card — Card — a surface container with optional header, content, and footer slots
  • DockingLayoutDockingLayout — a VS Code-style dockable layout: a fixed centre slot
  • DropTargetDropTarget — a transparent wrapping drop container
  • DropZoneDropZone — a "drop files here" target for external (OS) drag-and-drop
  • GroupBox — GroupBox — titled cluster of controls in Int UI / Jewel style
  • GroupHeader — GroupHeader — a horizontal section header: label followed by a trailing
  • Panel — Panel — a themed single-child container that provides a background, border,
  • ScrollArea — ScrollArea — a clipping viewport that scrolls its content on wheel, touch,
  • ScrollBar — ScrollBar — pointer and keyboard affordance for a ScrollArea
  • Splitter — N-pane split container with draggable, collapsible dividers
  • StatusBar — StatusBar — a horizontal chrome bar at the bottom of a window for status
  • StepperStepper — a modern, embeddable step-flow widget (Material/Ant/Flutter
  • TabWidget — Tabbed-container widgets
  • TitleBar — Custom window title bar widget
  • ToolbarToolbar — a command bar with automatic overflow
  • ToolBox — ToolBox — a vertical stack of collapsible sections, exactly one expanded
  • WizardWizard — a thin modal launcher around Stepper

Buttons

  • Button — Button — a labelled, activatable action trigger
  • CommandLinkButton — CommandLinkButton — large two-line button with icon, title, and
  • IconButton — IconButton — a square, icon-only, flat-surface button
  • SplitButton — SplitButton — a button split into two regions sharing a single frame

Inputs and indicators

  • AvatarAvatar — circular (or rounded-square / square) user-identity widget
  • Badge — Badge — a pill-shaped label for tags, status indicators, and counts
  • Checkbox — Checkbox — a two-state or tristate checkbox with an optional label
  • ComboBox — ComboBox — dropdown selection widget
  • FontPicker — FontPicker — a drop-in font-family selector
  • Link — Link — a clickable text label rendered as underlined inline text
  • ProgressBar — ProgressBar — a bar showing progress from 0.0 to 1.0
  • RadioButton — RadioButton — mutually exclusive selection control
  • RadioGroup — RadioGroup — invisible layout container that groups RadioButtons
  • RadioTile — RadioTile — a "selectable card" radio option
  • RadioTileGroup — RadioTileGroup — an N-ary group of RadioTiles with single selection
  • SegmentedControl — SegmentedControl — mutually exclusive segments in a horizontal row
  • Slider — Slider — a draggable value selector bound to a Signal<f32>
  • SpinnerSpinner — a shader-driven circular-arc loading indicator
  • Toggle — Toggle — an animated on/off switch bound to a Signal<bool>

Text input family

  • CodeEditor — The public editing surfaces: CodeEditor and PlainTextEditor
  • FilePickerFieldFilePickerField — a text-input preset for path entry with a Browse button
  • InputDialog — InputDialog — a QInputDialog-style modal that prompts the user for
  • LogViewLogView — a read-only, append-only, tail-following streaming view
  • PasswordFieldPasswordField — secure single-line text entry with a reveal
  • RichTextEditor — Rich text editor and viewer widget
  • SearchField — SearchField — a TextInput preset
  • SpinBoxSpinBox — numeric input with increment/decrement buttons
  • TextInputTextInput — styled single-line text field composite

Date and time

  • CalendarCalendar — month-grid date picker, standalone widget
  • DateEditDateEdit — text input + calendar popover, bound to Signal<Option<Date>>
  • DateRangeEditDateRangeEdit — single unified control for picking a DateRange
  • DateTimeEditDateTimeEdit — single unified control for picking a DateTime
  • TimeEditTimeEdit — text input for time-of-day, bound to Signal<Option<Time>>

Color

  • ColorEditColorEdit — compact field-style color picker trigger that opens
  • ColorPickerColorPicker — embeddable composite color selector
  • HexColorInputHexColorInput — single-line #RRGGBB[AA] color editor
  • MenuBar — MenuBar — a horizontal application menu bar with keyboard-driven dropdowns
  • MenuItem — MenuItem — a single command row in a menu or context menu
  • MenuList — MenuList — a themed vertical menu container with keyboard navigation

Overlays and dialogs

  • AttachedSide — Layered drop-shadow helper for elevated surfaces
  • Dialog — Modal dialogs — a trigger button that presents a centered modal panel
  • MessageBox — MessageBox — QMessageBox-style alert dialog
  • NotificationCenterButtonNotificationCenterButton — bell icon with an unread-count badge that
  • NotificationLogNotificationLog — a scrollable, day-bucketed list of archived notifications
  • Snackbar — Snackbar — a transient, button-triggered floating notification surface
  • Toast — Toast notification — stackable, action-rich, severity-aware floating
  • ToastHostToastHost — invisible sibling widget that owns the toast queue
  • TooltipWidget — Tooltip system — hover-triggered overlays with configurable delay

Data-driven widgets

  • GridView — Virtualized 2D tile grid bound to a ListModel<T> / ListDataSource
  • ListView — ListView — a virtualized, scrollable list backed by a reactive data model
  • Repeater — Repeater — non-virtualized dynamic widget list driven by a ListModel<T>
  • StandardListItem — Canonical row layout for ListView / TreeView delegates
  • TableViewTableView<T> — generic, virtualized, accessible tabular widget
  • TreeTableViewTreeTableView<T> — hierarchical multi-column data table with expand/collapse
  • TreeView — TreeView — a virtualized, expandable/collapsible hierarchical list widget

Animation wrappers

  • BlurBlur — a wrapper widget that applies a Gaussian-equivalent blur
  • CollapseCollapse — a wrapper widget that animates its child between
  • CrossfadeCrossfade — when an external Signal<K> changes, the
  • CycleCycle — show one of N children at a time, advancing on a fixed
  • FadeFade — a wrapper widget that animates its child between hidden
  • PulsePulse — a wrapper widget that pulses its child's opacity between
  • RotateRotate — wraps a child and applies a 2D rotation to its entire
  • ScaleScale — wraps a child and animates a uniform 2D scale on its
  • ShakeShake — wraps a child and plays a damped horizontal oscillation
  • SlideSlide — wraps a child and slides it in or out from a chosen
  • SmoothSizeSmoothSize — auto-sizes the slot to fit the child's intrinsic
  • UnrollUnroll — the horizontal sibling of Collapse

Settings widgets

  • LanguageSwitcher — LanguageSwitcher — a drop-in UI-language picker for settings screens
  • PrivacySettings — PrivacySettings — a user-facing panel for telemetry consent management
  • ShortcutSettings — ShortcutSettings — user-facing widget for browsing and rebinding
  • TextScaleControlTextScaleControl — the settings control that grows all text in the app
  • ThemeSwitcher — ThemeSwitcher — a drop-in app-theme picker for settings screens & toolbars

ColorPicker (submodule)

  • ColorSwatchColorSwatch — single clickable color cell with Role::ColorWell

Other

  • ActivateOn — Shared substrate for the data views' source-owned drag-and-drop + lazy
  • CodeEditorHandle — Multi-line plain-text and code editing surfaces
  • CommandPalette — CommandPalette — type-to-run access to every command an app has registered
  • NotificationEntry — Persistent notification archive — the storage and data-model layer
  • OverlayTrigger
  • PopoverSurfacePopoverSurface — the themed panel a popover's content sits in
  • PopoverWidgetPopoverWidget<T> — a generic trigger that opens a popover when
  • TreeRowMeta — Type-erased data source adapter for TreeView

TabWidget (submodule)

  • TabBarTabBar<T> — header strip driven by a data source

TitleBar (submodule)

  • DragRegionDragRegion — flexible drag region inside a TitleBar
  • ResizeStrip — A thin invisible widget that forwards a window resize gesture to the
  • WindowControls — The minimize / maximize / close button cluster on the trailing edge of
  • WindowFrame — A borderless-window frame: an invisible overlay of resize strips and

Toast (submodule)

  • ToastSurfaceToastSurface — the rendered chrome of one toast