Module components

Source

Expand description

UI components UI components

All Armas components in a flat module structure.

Modules§

accordion: Accordion Component
alert: Alert Component
avatar: Avatar Component
badge: Badge Component
breadcrumb: Breadcrumb Component
button: Button component with shadcn/ui styling
button_group: Button Group Component (shadcn/ui style)
calendar: Calendar Component (shadcn/ui style)
card: Card Component
carousel: Carousel Component (shadcn/ui style)
checkbox: Checkbox Component
command: Command Component
content: Shared content context for components that support closure-based rendering.
context_menu: Context Menu Component (shadcn/ui style)
date_picker: DatePicker Component
dialog: Dialog Components
drawer: Drawer Component (vaul-style)
dropdown_menu: Dropdown Menu Component (shadcn/ui style)
hover_card: Hover Card Component (shadcn/ui style)
icon_button: Icon Button Component
input: Input Component
input_group: Input Group Component (shadcn/ui style)
kbd: Kbd Component (shadcn/ui style)
loading: Loading Components
menubar: Menubar Component (shadcn/ui style)
number_field: Number Field Component
pagination: Pagination Component
popover: Popover Component
progress: Progress Components
radio: Radio Button Components
range_slider: Range Slider Component
select: Select Component
separator: Separator Component (shadcn/ui style)
sheet: Sheet Component
sidebar: Sidebar Component
slider: Slider Component
switch: Switch Component
tabs: Tabs Component
textarea: Textarea Component
toast: Toast/Notification Components
toggle: Toggle & Toggle Group Components
tooltip: Tooltip Component
tree_view: Tree View Component

Structs§

Accordion: Accordion with collapsible sections
AccordionResponse: Response from showing an accordion
Alert: Alert component for inline messages
AlertResponse: Response from an alert
Avatar: Avatar component for displaying user images or initials
Badge: Small status indicator badge styled like shadcn/ui
BadgeResponse: Response from a badge
Breadcrumb: Breadcrumb navigation component
BreadcrumbResponse: Response from breadcrumbs
Button: Button component styled like shadcn/ui
ButtonGroup: Button Group — groups buttons with connected borders.
ButtonGroupResponse: Response from a button group.
Calendar: A standalone calendar for date selection.
CalendarResponse: Response from a calendar.
Card: Card component styled like shadcn/ui
CardResponse: Response from showing a card
Carousel: Carousel — a scrollable content strip with snap-to-item behavior.
CarouselResponse: Response from a carousel.
Checkbox: A checkbox component (shadcn/ui Checkbox)
CheckboxResponse: Response from checkbox interaction
CircularProgressBar: Circular progress indicator
Command: Command palette component
CommandResponse: Response from command
ContentContext: Context passed to custom content closures.
ContextMenu: Context menu triggered by right-click on a region.
ContextMenuResponse: Context menu response
Date: A date value (year, month, day)
DatePicker: DatePicker component styled like shadcn/ui
DatePickerResponse: Response from a date picker
Dialog: Dialog component styled like shadcn/ui Dialog
DialogResponse: Response from a dialog
Drawer: Drawer component (vaul-style bottom sheet)
DrawerResponse: Response from showing a drawer
DropdownMenu: Dropdown menu component (shadcn/ui Dropdown Menu)
DropdownMenuResponse: Response from showing a dropdown menu
HoverCard: Hover Card — appears on hover over a trigger element.
HoverCardResponse: Response from a hover card.
IconButton: Icon Button component
Input: Text input field styled like shadcn/ui
InputGroup: Input group — a text input with leading/trailing addons.
InputGroupResponse: Response from an input group.
Kbd: Keyboard shortcut display component
MenuBuilder: Builder for constructing menu contents
Menubar: Menubar — a horizontal menu bar composing DropdownMenu components.
MenubarResponse: Response from a menubar.
NotificationBadge: Notification badge (typically shows a count)
NumberField: Number field with +/- stepper buttons
NumberFieldResponse: Response from the number field
Pagination: Pagination component for navigating through pages
PaginationResponse: Response from pagination
Popover: Popover component for floating panels anchored to elements
PopoverResponse: Response from showing a popover
Progress: Progress bar styled like shadcn/ui
Radio: Individual radio button
RadioGroup: Radio group for single selection from multiple options
RadioGroupResponse: Response from radio group
RadioResponse: Response from radio button interaction
RangeSlider: Range slider with two thumbs for min/max selection
RangeSliderResponse: Response from a range slider
SearchInput: Search input with built-in search icon
Select: Searchable dropdown select component
SelectOption: A selectable option in a dropdown
SelectResponse: Response from showing a Select component
Separator: Simple separator/divider component
Sheet: Sheet component
SheetResponse: Response from showing a sheet
Sidebar: Animated sidebar component styled to match shadcn/ui
SidebarResponse: Response from sidebar interaction
SidebarState: Sidebar state that can be stored externally for controlled mode
Skeleton: Skeleton loader for placeholder content
Slider: Slider component
SliderResponse: Response from a slider
Spinner: Rotating spinner with multiple bars
Switch: Animated switch component (shadcn/ui Switch)
SwitchResponse: Response from switch interaction
Tabs: Tabs component for switching between content sections
TabsResponse: Response from the tabs component
Textarea: Multi-line text input field styled like shadcn/ui
ToastId: Opaque handle returned when creating a toast, used to update or dismiss it.
ToastManager: Toast notification manager
Toggle: A pressable button with on/off state (shadcn/ui Toggle)
ToggleGroup: A group of pressable toggle buttons for selection (shadcn/ui Toggle Group)
ToggleGroupResponse: Response from toggle group interaction
ToggleResponse: Response from toggle interaction
Tooltip: Tooltip component that shows contextual help on hover
TreeItem: A tree view item (file or folder)
TreeView: Hierarchical tree view component
TreeViewResponse: Response from the tree view

Enums§

AlertVariant: Alert variant
AvatarShape: Avatar shape
AvatarSize: Avatar size presets
BadgeVariant: Badge variant styles (shadcn/ui)
ButtonGroupOrientation: Button group orientation.
ButtonSize: Button size following shadcn/ui
ButtonVariant: Button style variant following shadcn/ui
CardVariant: Card variant (shadcn/ui style)
CarouselOrientation: Carousel orientation.
CollapsibleMode: Collapsible mode for the sidebar
DialogSize: Dialog size presets (max-width based like shadcn)
DrawerSnapPoint: Drawer snap points for partial open states
InputState: Input validation state
InputVariant: Input field variant (for backwards compatibility)
PopoverColor: Popover color themes
PopoverPosition: Popover position relative to anchor
PopoverStyle: Popover visual style
RadioSize: Radio button size
SeparatorOrientation: Separator orientation
SheetSide: Side from which the sheet slides in
SheetSize: Sheet size presets
SidebarVariant: Sidebar visual variant
SwitchSize: Switch size
ToastPosition: Position for toast notifications
ToastVariant: Toast notification variant
ToggleGroupSize: Toggle group item size
ToggleGroupType: Toggle group selection type
ToggleGroupVariant: Toggle group visual variant
ToggleSize: Toggle size
ToggleVariant: Toggle visual variant
TooltipPosition: Tooltip position relative to the target

Functions§

alert: Simple helper to show an alert with just a message
alert_destructive: Show a destructive alert
dialog_footer: Helper to render a dialog footer (right-aligned buttons)
tooltip: Helper function to show a simple tooltip on any UI element
tooltip_with: Show tooltip with custom configuration

Module components

Module components Copy item path

Modules§

Structs§

Enums§

Functions§

Module components