components library
Public component exports for liqkit_ui.
Classes
- LiqAccordion
- iOS 26 vertical expandable-panel control in Liquid Glass styling.
- LiqAccordionItem
- A single panel inside a LiqAccordion.
- LiqActionSheet
- iOS 26 action sheet — bottom-anchored stack of full-width actions.
- LiqActivityHeader
- Header for a LiqActivitySheet — 64pt thumb + title/subtitle + 36pt close.
- LiqActivitySheet
- iOS 26 share/activity sheet container.
- LiqAlert
- iOS 26 alert dialog (300pt translucent surface, title/description, actions).
- LiqAlertAction
- Single action in a LiqAlert dialog.
- LiqAppIcon
- iOS 26 home-screen app icon — squircle tile with optional badge.
- LiqAppIconBadge
- Small red badge rendered at the top-right of a LiqAppIcon.
- LiqAvatar
- iOS 26 Liquid Glass circular avatar.
- LiqAvatarGroup
-
Horizontal stack of overlapping LiqAvatars, with a
+Noverflow pill. - LiqBadge
- iOS 26 pill-shaped count or status indicator.
- LiqBar
- A single bar in a LiqBarChart.
- LiqBarChart
- iOS 26 minimal bar chart.
- iOS 26 bottom tab bar — a horizontal row of 2 to 5 stacked icon + label items selecting between top-level app sections.
- One tab in LiqBottomNavBar.
- LiqBreadcrumb
- iOS 26 navigation trail — a horizontal list of crumbs separated by a divider widget showing the current page hierarchy.
- LiqBreadcrumbItem
- One crumb in a LiqBreadcrumb trail.
- LiqButton
- iOS 26 button.
- LiqCalendar
- iOS 26 standalone month-grid calendar.
- LiqCard
- iOS 26 Liquid Glass content surface for grouping arbitrary children.
- LiqCarousel
- iOS 26 horizontal carousel.
- LiqCheckbox
- iOS 26 checkbox.
- LiqChip
- iOS 26 selectable / dismissible tag pill.
- LiqChipGroup
- Convenience layout for a row of LiqChips that wraps to multiple lines.
- LiqCollapsible
- iOS 26 single-region collapsible.
- LiqColorDot
- 30pt circular color dot — used in palettes with an optional selection ring.
- LiqColorGrid
- 12-column grid of color swatches with selection highlight.
- LiqColorPalette
- Shared palette surface used by color picker examples and popovers.
- LiqColorPicker
- iOS 26 color picker composed from a hue-ring button and popover palette.
- LiqColorPickerButton
- iOS 26 color-picker button — conic-gradient ring with an inset swatch.
- LiqColorPickerPanel
- Native iOS 26 color picker panel.
- LiqColorSwatch
- A single iOS 26 color swatch card.
- LiqColorSwatchGrid
- A grid of all iOS 26 color tokens for the active LiqColorMode.
-
LiqCombobox<
T> - iOS 26 typeahead-filtered dropdown — a text field on top with a filtered options panel beneath.
-
LiqComboboxOption<
T> - One option in a LiqCombobox.
- LiqCommand
- One row inside a LiqCommandPalette.
- LiqCommandPalette
- iOS 26 Spotlight-style command palette — a large rounded floating panel with a search field on top and a list of matching commands underneath.
- LiqContextMenu
- iOS 26 context menu — preview tile + menu panel.
- LiqContextMenuPreview
- 351×351 preview tile rendered above a LiqContextMenu menu.
- LiqDataColumn
- Column descriptor for a LiqDataTable.
- LiqDataRow
- Row data for a LiqDataTable.
- LiqDataTable
- iOS 26 simple data table — header row + body rows + hairline separators.
- LiqDatePicker
- iOS 26 inline date picker — month grid with selectable days.
- LiqDatePickerField
-
iOS 26 date-picker field — a 44pt-tall pill trigger that, when tapped,
opens a
LiqCalendarin a popover beneath the field. - LiqDeviceBezel
- iOS 26 device bezel — iPhone-style outer chrome with optional Dynamic Island.
- LiqDialog
- iOS 26 modal dialog box — a center-anchored glass card with an optional title, message, and action row.
- LiqDialogAction
- A button shown in the action row of a LiqDialog.
- LiqDialogOverlay
- Imperative helper for showing a LiqDialog over the nearest Overlay, with a scale+fade animation, dimmed scrim, and dismiss-on-scrim-tap or Escape-key.
- LiqDivider
- iOS 26 hairline separator.
- LiqDrawer
- iOS 26 side drawer — a panel anchored to the leading or trailing screen edge, used for navigation or secondary content.
- LiqDrawerOverlay
- Imperative helper for showing a LiqDrawer over the nearest Overlay, with a slide-in animation, dimmed scrim, and dismiss-on scrim-tap or Escape-key.
- LiqEmptyState
- iOS 26 empty-state placeholder — centered icon + title + description.
- LiqEmptyStateCta
- Default 48pt full-width CTA used in LiqEmptyState.
- LiqExamplesItem
- Compact item card — name (590 12/16) + optional meta (500 11/14).
- LiqExamplesPanel
- Documentation panel — 12pt rounded white card with hairline border, optional 590-weight 18/22 title, optional body text, then the slot content.
- LiqExamplesSection
- Section panel — 590-weight 15/20 title + 12/16 meta + slot content.
- LiqFaceIdBezel
- iOS 26 Face ID indicator — 145pt black bezel with a 70pt green glyph.
- LiqFormField
- Vertical stack of LiqLabel + an input control + optional helper or error text.
- LiqGlassSurface
- iOS 26 Liquid Glass material primitive.
- LiqHomeIndicator
- 144×5 black home indicator pill, bottom-aligned inside a device-tinted 11pt rounded slot.
- LiqHoverCard
- iOS 26 rich-content hover popover.
- LiqKanban
- iOS 26 multi-column kanban (Trello-style) board.
- LiqKanbanCard
- A single card on a LiqKanban board.
- LiqKanbanColumn
- One column on a LiqKanban board.
- LiqKeyboard
- iOS 26 keyboard surface — autocomplete suggestions, key flow, toolbar.
- LiqKitHelpersHeader
- Page header for a kit demo: bold 56pt title + 28pt description.
- LiqKitHelpersModeLabels
- 88×92 dashed-bordered card holding a stack of mode pills.
- LiqKitHelpersModePill
- Compact rounded pill labelling a mode preview.
- LiqLabel
- iOS 26 form-field caption.
- LiqLabeledDivider
- Horizontal hairline with a centered text label, e.g. "OR".
- LiqLineChart
- iOS 26 minimal sparkline / line chart.
- LiqListGroup
- A grouped iOS 26 list — rounded card on a card surface.
- LiqListRow
- A single row inside a LiqListGroup.
- LiqMaterialChip
- A 100x100 material swatch chip — used to preview iOS 26 material thickness presets on top of arbitrary content.
- LiqMaterialChipCell
- Captioned material chip — places a 12pt caption 24pt below the chip.
- LiqMenu
- iOS 26 menu surface — translucent rounded panel of quick actions and rows.
- LiqMenuItem
- Single row inside a LiqMenu.
- LiqMenuQuickAction
- Compact icon+label action rendered in the top strip of LiqMenu.
- LiqMenuSectionTitle
- Small section title rendered above a group of menu items.
- LiqMenuSeparator
- 21pt horizontal divider between LiqMenuItems.
- LiqNotification
- iOS 26 banner-style notification card.
- LiqNotificationIcon
- 40×40pt rounded icon surface used in a LiqNotification.
- LiqNotificationIconColors
- Color pair for a LiqNotification icon surface.
- LiqNumberField
- iOS 26 numeric input — text field with optional ± stepper buttons.
- LiqOtpInput
- iOS 26 one-time-passcode (OTP) entry field.
- LiqPageControl
- iOS 26 page control (paged-content dots indicator).
- LiqPagination
- iOS 26 page-number selector for paged content (a table of results, a photo album, etc.).
- LiqPopover
- iOS 26 popover bubble.
- LiqPopupButton
- iOS 26 popup button — large inline label with a trailing chevron tip.
- LiqProgressBar
- Linear iOS 26 progress bar (4pt track, accent fill).
-
LiqRadio<
T> - iOS 26 single-select radio circle.
-
LiqRadioGroup<
T> -
Convenience wrapper that lays out a vertical list of
(value, label)pairs as LiqRadios, each tappable on its full row. - LiqResizable
- iOS 26 split-pane container with a draggable divider between two children.
- LiqRichEditor
- iOS 26 inline rich-text editor.
- LiqRichEditorController
- Owns the LiqRichEditor's state — exposes the current LiqRichValue and lets callers toggle formats on a TextSelection.
- LiqRichRange
-
A formatted span
[start, end)inside a LiqRichValue's plain text. - LiqRichValue
- Immutable value model for LiqRichEditor.
- LiqScrollArea
- iOS 26 themed-scrollbar scroll container.
-
LiqSegmentedControl<
T> - iOS 26 segmented control.
- LiqSheet
- iOS 26 modal sheet container.
- LiqSheetGrabber
- 36×5pt grabber pill displayed at the top of a LiqSheet.
- LiqSheetTopButton
- 44×44pt circular top-bar button used inside a LiqSheet controls row.
- LiqSidebar
- iOS 26 sidebar surface — translucent rounded panel, padded.
- LiqSidebarRow
- Single row inside a LiqSidebar.
- LiqSidebarSearch
- Static (non-interactive) search field rendered at the top of a LiqSidebar.
- LiqSidebarSectionHeader
- Section header rendered above a group of LiqSidebarRows.
- LiqSkeleton
- iOS 26 shimmer placeholder used while async content loads.
- LiqSkeletonText
- Helper for skeletoning multi-line text.
- LiqSlider
- iOS 26 horizontal slider.
- LiqSpinner
- iOS 26 indeterminate activity indicator.
- LiqStatusBar
- iOS 26 phone status bar — clock + signal/wifi/battery glyphs.
- LiqStepper
- iOS 26 stepper.
- LiqSystemActionPill
- 42pt rounded gradient pill — used inside Home-Screen Quick Actions rows (HSQA) for action labels. The visible pill remains 42pt tall while the tap target expands to 44pt.
- LiqSystemToggleDot
- 38×38 round toggle dot — used as a single-cell radio inside HSQA rows. Selected state fills with system blue + 2pt halo. The visual dot is centered in a 44×44 tap target.
- LiqTabItem
- Header descriptor for one tab in a LiqTabs strip.
- LiqTabs
- iOS 26 page-navigation tab strip.
- LiqTextarea
- iOS 26 multi-line text input.
- LiqTextField
- iOS 26 single-line text field row.
- LiqTime
- Immutable hour/minute pair consumed by LiqTimeField.
- LiqTimeField
- iOS 26 typeable HH:MM time input.
- LiqTimePicker
- iOS-26 scroll-wheel time picker.
- LiqToast
- iOS 26 transient toast — pill-shaped notification typically shown briefly at the bottom of the screen.
- LiqToastOverlay
- Imperative helper for showing a LiqToast over the nearest Overlay, with a slide-up + fade animation and auto-dismiss.
- LiqToggle
- iOS 26 toggle switch.
-
LiqToggleGroup<
T> - iOS 26 multi-select segmented pill.
-
LiqToggleGroupItem<
T> - One option in a LiqToggleGroup.
- LiqToolbar
- iOS 26 toolbar — horizontal row of LiqToolbarGlassButtons.
- LiqToolbarChip
- 30pt chip used as a small toolbar tag/filter.
- LiqToolbarGlassButton
- iOS 26 toolbar action button (glass-style 44pt pill).
- LiqTooltip
- iOS 26 contextual tooltip.
- LiqTopBar
- iOS 26 navigation top bar.
- LiqTopBarAccentButton
- 36x36 accent pill action button used in iOS 26 top bars.
- LiqTopBarSymbolButton
- 44x44 symbol-only nav button (iOS-style icon button).
-
LiqTreeNode<
T> - One node in a LiqTreeView.
-
LiqTreeView<
T> - iOS 26 hierarchical list with collapsible folders — file-explorer / outline view style.
- LiqTypeColumn
- A single column from the iOS 26 text-styles catalog — header label over a series of role samples laid out vertically.
- LiqWidgetCard
- iOS 26 home-screen widget card — radial-highlighted gradient surface.
- LiqWindow
- macOS-style window card — 34pt rounded white surface with a soft drop-shadow, an optional toolbar, and content rendered below.
- LiqWindowControls
- macOS traffic-light close/minimise/maximise dots.
- LiqWindowGlassButton
- 44pt high glass button — soft #F7F7F7 fill with white-rim inset.
- LiqWindowToolbar
- 64pt window toolbar with leading + center title + trailing slots.
Enums
- LiqAccordionType
- Behavior of LiqAccordion when expanding multiple items.
- LiqAlertActionLayout
- How the action row is laid out inside a LiqAlert.
- LiqAlertActionStyle
- Visual style for a LiqAlertAction.
- LiqAvatarSize
- Diameter preset for LiqAvatar.
- LiqBadgeVariant
- Visual variant for LiqBadge.
- LiqButtonSize
- Size axis from the iOS 26 button catalog.
- LiqButtonStyle
-
Visual style of a LiqButton, ported from liqkit's iOS 26 button
catalog (
figma_artifacts/buttons/). - LiqCheckboxState
- Tri-state value for LiqCheckbox.
- LiqColorPickerButtonSize
- Visual size for LiqColorPickerButton.
- LiqColumnAlignment
- Horizontal alignment for a LiqDataColumn.
- LiqContextMenuArrangement
- Arrangement for LiqContextMenu: which side the menu sits on relative to the preview tile.
- LiqDividerOrientation
- Orientation for LiqDivider.
- LiqDrawerSide
- The screen edge a LiqDrawer is anchored to.
- LiqDynamicTypeScale
- Dynamic-type scale multiplier — applied to size, line-height, and letter-spacing.
- LiqFaceIdState
- Visual state of a LiqFaceIdBezel.
- LiqGlassElevation
- Elevation preset for LiqGlassSurface. Drives the outer shadow.
- LiqGlassTint
- Tint preset for LiqGlassSurface.
- LiqHomeIndicatorLayout
- Layout / orientation enum for LiqHomeIndicator.
- LiqHoverCardPlacement
- Preferred edge of LiqHoverCard relative to its child.
- LiqKitHelpersBrightness
- Brightness for LiqKitHelpersModePill.
- LiqMaterialBrightness
- Brightness mode for LiqMaterialChip.
- LiqMaterialStyle
- iOS 26 material thickness presets.
- LiqMenuItemStyle
- Style for a single LiqMenuItem.
- LiqPageControlBrightness
- Surface brightness for LiqPageControl.
- LiqPopoverAlignment
- Position of the tip along the chosen edge.
- LiqPopoverSide
- Side of the popover bubble that the tip points from.
- LiqResizableDirection
- Axis along which a LiqResizable arranges its two panes.
- LiqRichFormat
- Inline character format applied to a span of text inside LiqRichEditor.
- LiqSheetTopButtonStyle
- Visual style for LiqSheetTopButton.
- LiqSheetVariant
- Visual variant of a LiqSheet.
- LiqSkeletonShape
- Shape of a LiqSkeleton placeholder.
- LiqSortDirection
- Sort state for a LiqDataTable header.
- LiqSpinnerSize
- Size axis for LiqSpinner.
- LiqSystemActionPillStyle
- Action pill style for LiqSystemActionPill.
- LiqSystemBrightness
- Brightness mode shared across system primitives.
- LiqTabsVariant
- Visual variant of LiqTabs.
- LiqTextFieldVariant
- Surface variant for LiqTextField.
- LiqTextTone
- Foreground tone for text.
- LiqToastVariant
- Visual variant of a LiqToast.
- LiqTooltipPlacement
- Preferred edge of LiqTooltip relative to its child.
- LiqTypeRole
- Semantic typography role from iOS 26 Human Interface Guidelines.
- LiqWidgetSize
- iOS 26 home-screen widget size — sets the aspect ratio of a card.
Constants
-
liqDefaultColorPickerColors
→ const List<
Color> - Default iOS saved swatches used by LiqColorPickerPanel.
-
liqKeyboardQwertyRows
→ const List<
List< String> > - Default QWERTY rows for LiqKeyboard.keyRows.
-
liqNativeColorGridColors
→ const List<
Color> - Native iOS 26 12-column grid colors captured from the Figma artifact.
Functions
-
liqDynamicTypeMultiplier(
LiqDynamicTypeScale scale) → double -
Returns the dynamic-type multiplier for
scale. -
liqResolveTextStyle(
{required LiqTypeRole role, LiqDynamicTypeScale scale = LiqDynamicTypeScale.large, LiqTextTone tone = LiqTextTone.primary, Brightness brightness = Brightness.light}) → TextStyle - Resolves a Flutter TextStyle for the given iOS 26 role + scale + tone.