Components
Browse all available components in the Xaui library.
Actions
Data Display
Avatar
User identity component with image, initials, icon, and custom fallback.
AvatarGroup
Stacked or grid group of avatars with overflow count support.
Card
Surface container with semantic slots for header, body, and footer.
Carousel
Horizontal item browser with animated transitions and layouts.
Chart
Collection of chart cards for donut, pie, line, bar, and heatmap visuals.
Chip
Compact selectable element for filters, tags, and segmented choices.
List
List primitives with item composition using ListItem children.
ListBuilder
Data-driven list using FlatList with selection, dividers and generic item rendering.
Snippet
Code/text snippet container with themed variants and built-in copy action.
Typography
Text primitive with variant-based typographic styles.
TextSpan
Inline text-group container that shares style context with nested Typography.
Feedback
Alert
Displays contextual feedback messages for success, info, warning, or error states.
Badge
Small status indicator to annotate counts, labels, or state.
FeatureDiscovery
Spotlight onboarding overlay to introduce UI features.
ActivityIndicator
Indeterminate loading indicator for pending operations.
Progress
Determinate and indeterminate progress indicator component.
Snackbar
Transient notification surface with optional action, auto-dismiss, and stacking support.
Skeleton
Placeholder shimmer component used while loading content.
PullToRefresh
Headless pull-to-refresh wrapper that injects a native RefreshControl into any compatible scrollable component.
Inputs
Autocomplete
Input-driven suggestions list with selectable options.
Checkbox
Binary selection control with label and variant options.
DatePicker
Date selection control with multiple display variants and formatting options.
Input
Text input field with label, variants, validation, and start/end content.
TextArea
Multi-line text input with configurable line count and disabled state.
DateInput
Date field with segmented day, month and year entries and locale-aware ordering.
TimeInput
Time field with hour, minute and optional second segments supporting 12h/24h format.
DateTimeInput
Combined date and time field in a single segmented input.
OTPInput
One-time password input with configurable digit count, variants, sizes, and theme colors.
NumberInput
Numeric input with increment and decrement controls, min/max bounds, and step configuration.
Radio
Single-choice input control with group orchestration.
SegmentButton
Segmented control for single or multiple option selection.
Select
Dropdown selection component with configurable item rendering.
Slider
Range input control for selecting a numeric value.
Switch
Boolean toggle input with size and variant customisation.
TimePicker
Time selection API with dialog and trigger helpers.
InputTrigger
A pressable view styled like an input field. Used as a trigger for pickers, dialogs, and overlays.
FileInputTrigger
A file-upload style trigger with dashed border and centered plus icon, designed for custom file picker implementations.
Picker
Bottom sheet item selector with an input-like trigger. Ideal for mobile-friendly option selection.
ColorPicker
Color palette selector displayed in a bottom sheet with an input-like color swatch trigger.
Layout
Container
Flutter-inspired layout primitive for sizing, spacing, alignment, decoration, and interaction in a single composable component.
Divider
Visual separator to partition content areas.
ExpansionPanel
Stack of collapsible sections with controlled or uncontrolled expansion state.
Flex
Generic Flutter-inspired flex container — direction, alignment, gap, wrap, and reversed.
Row
Horizontal flex layout with configurable alignment and spacing.
Column
Vertical flex layout with configurable alignment and spacing.
Expanded
Expands a child to fill available space in a Row or Column, with an optional flex factor.
Flexible
Like Expanded but with a fit prop — tight fills all allotted space, loose allows the child to be smaller.
Wrap
Flex container that wraps children onto multiple lines with configurable spacing and run alignment.
Align
Aligns a child within available space using named positions or fractional coordinates.
Spacer
Flexible spacer that fills available space inside a Row or Column.
Center
Centers children horizontally and vertically within available space.
Padding
Wraps content with configurable padding on any or all sides.
Margin
Wraps content with configurable margin on any or all sides.
SizedBox
Fixed-size container, useful as a spacer with explicit dimensions.
ConstrainedBox
Flutter-inspired box that imposes min/max size constraints on its child — equivalent to ConstrainedBox + BoxConstraints.
PositionedView
Absolutely positions its child within a relative parent container.
BlurView
Applies a blur effect background for overlaid content.
RoundedView
Wraps content with configurable border radius on any corner.
Surface
Theme-aware container with configurable background, radius, and padding.
AspectRatio
Constrains a child to a fixed aspect ratio with optional alignment and clipping — Flutter-inspired.
FractionallySizedBox
Sizes its child as a fraction of the parent's dimensions — Flutter FractionallySizedBox equivalent.
Grid
Multi-column grid layout with static and data-driven variants.
MasonryGrid
Masonry-style grid where items fill the shortest column first.
ConditionalView
Conditionally shows or hides content with an optional animated transition.
Navigation
AppBar
Top application bar with configurable start, content, and end slots.
BottomTabBar
Mobile-first bottom navigation bar with configurable tab items.
Menu
Popup menu with anchored placement and actionable items.
MenuBox
Containerized menu surface for grouped action items.
Pager
Paged content container with swipe and indicator support.
Stepper
Step-by-step progress and navigation component.
Tabs
Tab-based navigation and content switching primitive.
Toolbar
Action toolbar container with contextual toolbar actions.