Crate radix_leptos

Expand description

§Radix-Leptos

A comprehensive UI component library for Leptos, built with accessibility and design system principles. This crate provides a complete set of accessible, customizable components inspired by Radix UI.

§Features

Accessible by default: All components follow WAI-ARIA guidelines
Type-safe: Built with Rust’s type system for compile-time safety
Customizable: Flexible theming and styling options
Composable: Components can be combined and extended
SSR/Hydration ready: Works with Leptos server-side rendering

§Quick Start

use radix_leptos::*;
use leptos::prelude::*;

#[component]
fn App() -> impl IntoView {
    view! {
        <div>
            <Button variant=ButtonVariant::Default>
                "Hello, Radix-Leptos!"
            </Button>
             
            <Separator />
             
            <Label for_id="input".to_string()>
                "Email"
            </Label>
            <input id="input" type="email" />
        </div>
    }
}

§Component Categories

§Primitives

Basic building blocks for UI components:

Button - Accessible button with multiple variants
Label - Form field labels with proper associations
Separator - Visual separation between content

§Layout

Components for structuring content:

Coming soon…

Components for navigation and menus:

Coming soon…

§Forms

Form-related components:

Coming soon…

§Feedback

Components for user feedback:

Coming soon…

§Styling

Radix-Leptos components are unstyled by default and provide CSS classes for styling. You can use any CSS framework or custom styles with the provided class names.

§Accessibility

All components are built with accessibility in mind:

Proper ARIA attributes
Keyboard navigation support
Screen reader compatibility
Focus management

§Contributing

We welcome contributions! Please see our contributing guidelines for more information.

Modules§

components: Component Primitives
theming
utils: Utility Functions
visually_hidden

Structs§

AccordionContentProps: Props for the AccordionContent component.
AccordionItemProps: Props for the AccordionItem component.
AccordionProps: Props for the Accordion component.
AccordionTriggerProps: Props for the AccordionTrigger component.
AlertDescriptionProps: Props for the AlertDescription component.
AlertDialogActionProps: Props for the AlertDialogAction component.
AlertDialogCancelProps: Props for the AlertDialogCancel component.
AlertDialogDescriptionProps: Props for the AlertDialogDescription component.
AlertDialogFooterProps: Props for the AlertDialogFooter component.
AlertDialogProps: Props for the AlertDialog component.
AlertDialogTitleProps: Props for the AlertDialogTitle component.
AlertProps: Props for the Alert component.
AlertTitleProps: Props for the AlertTitle component.
AnimationConfig: Animation Configuration
AspectRatioContainerProps: Props for the AspectRatioContainer component.
AspectRatioProps: Props for the AspectRatio component.
AspectRatioWrapperProps: Props for the AspectRatioWrapper component.
AvatarFallbackProps: Props for the AvatarFallback component.
AvatarGroupProps: Props for the AvatarGroup component.
AvatarImageProps: Props for the AvatarImage component.
AvatarProps: Props for the Avatar component.
BadgeCountProps: Props for the BadgeCount component.
BadgeDotProps: Props for the BadgeDot component.
BadgeProps: Props for the Badge component.
ButtonProps: Props for the Button component.
CalendarDayProps: Props for the CalendarDay component.
CalendarGridProps: Props for the CalendarGrid component.
CalendarHeaderProps: Props for the CalendarHeader component.
CalendarNavigationProps: Props for the CalendarNavigation component.
CalendarProps: Props for the Calendar component.
CalendarWeekHeaderProps: Props for the CalendarWeekHeader component.
CheckboxProps: Props for the Checkbox component.
CollapsibleContentProps: Props for the CollapsibleContent component.
CollapsibleHeaderProps: Props for the CollapsibleHeader component.
CollapsibleIconProps: Props for the CollapsibleIcon component.
CollapsibleProps: Props for the Collapsible component.
CollapsibleTriggerProps: Props for the CollapsibleTrigger component.
ComboboxClearButtonProps: Props for the ComboboxClearButton component.
ComboboxGroupProps: Props for the ComboboxGroup component.
ComboboxInputProps: Props for the ComboboxInput component.
ComboboxOption: Combobox Option structure
ComboboxOptionProps: Props for the [ComboboxOption] component.
ComboboxOptionsProps: Props for the ComboboxOptions component.
ComboboxProps: Props for the Combobox component.
ComboboxSeparatorProps: Props for the ComboboxSeparator component.
ComboboxTriggerProps: Props for the ComboboxTrigger component.
ContextMenuItem: Context Menu Item structure
ContextMenuItemProps: Props for the [ContextMenuItem] component.
ContextMenuProps: Props for the ContextMenu component.
ContextMenuTriggerProps: Props for the ContextMenuTrigger component.
DatePickerCalendarProps: Props for the DatePickerCalendar component.
DatePickerInputProps: Props for the DatePickerInput component.
DatePickerProps: Props for the DatePicker component.
DatePickerTriggerProps: Props for the DatePickerTrigger component.
DatePickerValidationProps: Props for the DatePickerValidation component.
DateValidation: Date Validation structure
DialogContentProps: Props for the DialogContent component.
DialogDescriptionProps: Props for the DialogDescription component.
DialogFooterProps: Props for the DialogFooter component.
DialogHeaderProps: Props for the DialogHeader component.
DialogProps: Props for the Dialog component.
DialogTitleProps: Props for the DialogTitle component.
DropdownMenuCheckboxItemProps: Props for the DropdownMenuCheckboxItem component.
DropdownMenuContentProps: Props for the DropdownMenuContent component.
DropdownMenuItemProps: Props for the DropdownMenuItem component.
DropdownMenuLabelProps: Props for the DropdownMenuLabel component.
DropdownMenuProps: Props for the DropdownMenu component.
DropdownMenuRadioItemProps: Props for the DropdownMenuRadioItem component.
DropdownMenuSeparatorProps: Props for the DropdownMenuSeparator component.
DropdownMenuTriggerProps: Props for the DropdownMenuTrigger component.
FieldError: Field Error struct
FieldValidationResult: Field Validation Result struct
FileInfo: File Info structure
FileUploadDropZoneProps: Props for the FileUploadDropZone component.
FileUploadInputProps: Props for the FileUploadInput component.
FileUploadItemProps: Props for the FileUploadItem component.
FileUploadListProps: Props for the FileUploadList component.
FileUploadProps: Props for the FileUpload component.
FormData: Form data structure
FormError: Form Error struct
FormErrorProps: Props for the FormError component.
FormErrorSummaryProps: Props for the FormErrorSummary component.
FormErrors: Form errors structure
FormFieldErrorProps: Props for the FormFieldError component.
FormFieldProps: Props for the FormField component.
FormInputProps: Props for the FormInput component.
FormLabelProps: Props for the FormLabel component.
FormProps: Props for the Form component.
FormSubmitProps: Props for the FormSubmit component.
FormValidationProviderProps: Props for the FormValidationProvider component.
FormValidationState: Form Validation State struct
HoverCardArrowProps: Props for the HoverCardArrow component.
HoverCardContentProps: Props for the HoverCardContent component.
HoverCardPortalProps: Props for the HoverCardPortal component.
HoverCardProps: Props for the HoverCard component.
HoverCardTriggerProps: Props for the HoverCardTrigger component.
LabelDescriptionProps: Props for the LabelDescription component.
LabelErrorProps: Props for the LabelError component.
LabelGroupProps: Props for the LabelGroup component.
LabelProps: Props for the Label component.
LabelTextProps: Props for the LabelText component.
ListContext: List context for state management
ListEmptyProps: Props for the ListEmpty component.
ListFooterProps: Props for the ListFooter component.
ListHeaderProps: Props for the ListHeader component.
ListItem: List item information
ListItemProps: Props for the [ListItem] component.
ListLoadingProps: Props for the ListLoading component.
ListProps: Props for the List component.
MenubarContentProps: Props for the MenubarContent component.
MenubarGroupProps: Props for the MenubarGroup component.
MenubarItemProps: Props for the MenubarItem component.
MenubarLabelProps: Props for the MenubarLabel component.
MenubarMenuProps: Props for the MenubarMenu component.
MenubarProps: Props for the Menubar component.
MenubarSeparatorProps: Props for the MenubarSeparator component.
MenubarTriggerProps: Props for the MenubarTrigger component.
MultiSelectContentProps: Props for the MultiSelectContent component.
MultiSelectOption: Multi-Select option structure
MultiSelectOptionProps: Props for the [MultiSelectOption] component.
MultiSelectProps: Props for the MultiSelect component.
MultiSelectSearchProps: Props for the MultiSelectSearch component.
MultiSelectTagProps: Props for the MultiSelectTag component.
MultiSelectTriggerProps: Props for the MultiSelectTrigger component.
NavigationMenuContentProps: Props for the NavigationMenuContent component.
NavigationMenuItemProps: Props for the NavigationMenuItem component.
NavigationMenuLinkProps: Props for the NavigationMenuLink component.
NavigationMenuListProps: Props for the NavigationMenuList component.
NavigationMenuProps: Props for the NavigationMenu component.
NavigationMenuSeparatorProps: Props for the NavigationMenuSeparator component.
NavigationMenuTriggerProps: Props for the NavigationMenuTrigger component.
OtpFieldProps: Props for the OtpField component.
OtpFieldWithValidationProps: Props for the OtpFieldWithValidation component.
OtpResendProps: Props for the OtpResend component.
OtpTimerProps: Props for the OtpTimer component.
OtpValidation: OTP validation result
PaginationContentProps: Props for the PaginationContent component.
PaginationContext: Pagination context for state management
PaginationEllipsisProps: Props for the PaginationEllipsis component.
PaginationFirstProps: Props for the PaginationFirst component.
PaginationInfoProps: Props for the PaginationInfo component.
PaginationItemProps: Props for the PaginationItem component.
PaginationLastProps: Props for the PaginationLast component.
PaginationListProps: Props for the PaginationList component.
PaginationNextProps: Props for the PaginationNext component.
PaginationPage: Pagination page information
PaginationPreviousProps: Props for the PaginationPrevious component.
PaginationProps: Props for the Pagination component.
PaginationProviderProps: Props for the PaginationProvider component.
PasswordRequirementsProps: Props for the PasswordRequirements component.
PasswordStrengthIndicatorProps: Props for the PasswordStrengthIndicator component.
PasswordStrengthRequirements: Password strength requirements
PasswordToggleFieldProps: Props for the PasswordToggleField component.
PasswordValidation: Password validation result
PopoverArrowProps: Props for the PopoverArrow component.
PopoverCloseProps: Props for the PopoverClose component.
PopoverContentProps: Props for the PopoverContent component.
PopoverPortalProps: Props for the PopoverPortal component.
PopoverProps: Props for the Popover component.
PopoverTriggerProps: Props for the PopoverTrigger component.
ProgressIndicatorProps: Props for the ProgressIndicator component.
ProgressProps: Props for the Progress component.
ProgressTrackProps: Props for the ProgressTrack component.
RadioGroupIndicatorProps: Props for the RadioGroupIndicator component.
RadioGroupItemProps: Props for the RadioGroupItem component.
RadioGroupProps: Props for the RadioGroup component.
ResizablePanelProps: Props for the ResizablePanel component.
ResizableProps: Props for the Resizable component.
ResizableSplitterProps: Props for the ResizableSplitter component.
ResizeEvent: Resize event data
ResizeHandleProps: Props for the [ResizeHandle] component.
ScrollAreaCornerProps: Props for the ScrollAreaCorner component.
ScrollAreaProps: Props for the ScrollArea component.
ScrollAreaScrollbarProps: Props for the ScrollAreaScrollbar component.
ScrollAreaThumbProps: Props for the ScrollAreaThumb component.
ScrollAreaViewportProps: Props for the ScrollAreaViewport component.
SearchClearButtonProps: Props for the SearchClearButton component.
SearchFilterOption: Search Filter Option structure
SearchFilterProps: Props for the SearchFilter component.
SearchInputProps: Props for the SearchInput component.
SearchProps: Props for the Search component.
SearchSuggestion: Search Suggestion structure
SearchSuggestionItemProps: Props for the SearchSuggestionItem component.
SearchSuggestionsProps: Props for the SearchSuggestions component.
SelectContentProps: Props for the SelectContent component.
SelectItemProps: Props for the SelectItem component.
SelectProps: Props for the Select component.
SelectTriggerProps: Props for the SelectTrigger component.
SelectValueProps: Props for the SelectValue component.
SeparatorGroupProps: Props for the SeparatorGroup component.
SeparatorLineProps: Props for the SeparatorLine component.
SeparatorProps: Props for the Separator component.
SeparatorTextProps: Props for the SeparatorText component.
SheetBodyProps: Props for the SheetBody component.
SheetCloseProps: Props for the SheetClose component.
SheetContentProps: Props for the SheetContent component.
SheetDescriptionProps: Props for the SheetDescription component.
SheetFooterProps: Props for the SheetFooter component.
SheetHeaderProps: Props for the SheetHeader component.
SheetProps: Props for the Sheet component.
SheetTitleProps: Props for the SheetTitle component.
SkeletonAvatarProps: Props for the SkeletonAvatar component.
SkeletonButtonProps: Props for the SkeletonButton component.
SkeletonGroupProps: Props for the SkeletonGroup component.
SkeletonProps: Props for the Skeleton component.
SkeletonTextProps: Props for the SkeletonText component.
SliderProps: Props for the Slider component.
SliderRangeProps: Props for the SliderRange component.
SliderThumbProps: Props for the SliderThumb component.
SliderTrackProps: Props for the SliderTrack component.
SwitchProps: Props for the Switch component.
SwitchThumbProps: Props for the SwitchThumb component.
TabsContentProps: Props for the TabsContent component.
TabsListProps: Props for the TabsList component.
TabsProps: Props for the Tabs component.
TabsTriggerProps: Props for the TabsTrigger component.
TimePickerDropdownProps: Props for the TimePickerDropdown component.
TimePickerGridProps: Props for the TimePickerGrid component.
TimePickerInputProps: Props for the TimePickerInput component.
TimePickerProps: Props for the TimePicker component.
TimeValidation: Time Validation struct
TimelineConfig: Timeline Configuration
TimelineDotProps: Props for the TimelineDot component.
TimelineEvent: Timeline Event structure
TimelineItemProps: Props for the TimelineItem component.
TimelineLineProps: Props for the TimelineLine component.
TimelineProps: Props for the Timeline component.
ToastActionProps: Props for the ToastAction component.
ToastCloseProps: Props for the ToastClose component.
ToastDescriptionProps: Props for the ToastDescription component.
ToastProps: Props for the Toast component.
ToastProviderProps: Props for the ToastProvider component.
ToastTitleProps: Props for the ToastTitle component.
ToastViewportProps: Props for the ToastViewport component.
ToggleGroupItemProps: Props for the ToggleGroupItem component.
ToggleGroupProps: Props for the ToggleGroup component.
ToggleProps: Props for the Toggle component.
ToolbarButtonProps: Props for the ToolbarButton component.
ToolbarProps: Props for the Toolbar component.
ToolbarSeparatorProps: Props for the ToolbarSeparator component.
ToolbarToggleGroupProps: Props for the ToolbarToggleGroup component.
ToolbarToggleItemProps: Props for the ToolbarToggleItem component.
TooltipArrowProps: Props for the TooltipArrow component.
TooltipContentProps: Props for the TooltipContent component.
TooltipProps: Props for the Tooltip component.
TooltipTriggerProps: Props for the TooltipTrigger component.
TreeNode: Tree Node structure
TreeNodeProps: Props for the [TreeNode] component.
TreeViewActionsProps: Props for the TreeViewActions component.
TreeViewProps: Props for the TreeView component.
TreeViewSearchProps: Props for the TreeViewSearch component.
UploadProgress: Upload Progress structure
ValidationEngine: Validation Engine
ValidationResult: Validation Result struct
ValidationRule: Validation Rule struct

Enums§

AccordionSize
AccordionVariant: Accordion component with proper accessibility and collapsible sections
AlertDialogVariant: AlertDialog component - Modal alert dialogs for user confirmations
AlertSize
AlertVariant: Alert component with proper accessibility and styling variants
AspectRatioFit: Aspect Ratio Fit enum
AvatarLoading: Avatar Loading enum
AvatarShape: Avatar Shape enum
AvatarSize: Avatar Size enum
AvatarSpacing: Avatar Spacing enum
BadgeSize: Badge size variant
BadgeVariant: Badge variant for different status types
ButtonSize
ButtonVariant: Button component with proper accessibility and styling variants
CheckboxSize
CheckboxVariant: Checkbox component with proper accessibility and styling variants
DialogSize
DialogVariant: Dialog component with proper accessibility and styling variants
DropdownMenuItemVariant
DropdownMenuSize
EasingType: Easing Type
ErrorType: Error Type enum
FileStatus: File Status enum
FormSize
FormVariant: Form component with proper accessibility and validation
HoverCardAlign: Hover Card Align enum
HoverCardSide: Hover Card Side enum
LabelOrientation: Label Orientation enum
LabelSize: Label Size enum
LabelSpacing: Label Spacing enum
LabelVariant: Label Variant enum
ListSize: List size variants
ListVariant: List variant styles
MenubarOrientation: Menubar Orientation enum
NavigationMenuOrientation: Navigation Menu Orientation enum
OtpInputType: OTP input type enumeration
PaginationSize: Pagination size
PaginationVariant: Pagination variant
PasswordStrengthLevel: Password strength levels
PopoverAlign: Popover Align enum
PopoverSide: Popover Side enum
PopoverVariant: Popover Variant enum
ProgressSize
ProgressVariant: Progress component with proper accessibility and styling variants
RadioGroupSize
RadioGroupVariant: Radio Group component with proper accessibility and styling variants
ResizeHandle: Resize handle types
ScrollAreaOrientation: Scroll Area Orientation enum
SelectSize
SelectVariant: Select component with proper accessibility and styling variants
SeparatorOrientation: Separator Orientation enum
SeparatorSpacing: Separator Spacing enum
SeparatorThickness: Separator Thickness enum
SheetPosition
SheetSize
SheetVariant: Sheet component - Side panel/drawer component for mobile and desktop
SkeletonSize
SkeletonVariant: Skeleton component - Loading placeholder component for better UX
SliderSize
SliderVariant: Slider component with proper accessibility and styling variants
SplitterOrientation: Splitter orientation
SwitchSize
SwitchVariant: Switch component with proper accessibility and styling variants
TabsSize
TabsVariant: Tabs component with proper accessibility and styling variants
TimeFormat: Time Format enum
TimelineOrientation: Timeline Orientation
ToastPosition: Toast Position enum
ToastVariant: Toast Variant enum
ToggleGroupOrientation: Toggle Group Orientation enum
ToggleGroupSize: Toggle Group Size enum
ToggleGroupType: Toggle Group Type enum
ToggleGroupVariant: Toggle Group Variant enum
ToggleSize: Toggle Size enum
ToggleVariant: Toggle Variant enum
ToolbarButtonSize: Toolbar Button Size enum
ToolbarButtonVariant: Toolbar Button Variant enum
ToolbarOrientation: Toolbar Orientation enum
ToolbarSeparatorOrientation: Toolbar Separator Orientation enum
ToolbarToggleGroupSize: Toolbar Toggle Group Size enum
ToolbarToggleGroupType: Toolbar Toggle Group Type enum
ToolbarToggleGroupVariant: Toolbar Toggle Group Variant enum
TooltipPosition
TooltipSize
TooltipVariant: Tooltip component with proper accessibility and positioning
ValidationMode: Validation Mode enum
ValidationRuleType: Validation Rule Type enum

Functions§

Accordion: Accordion root component
AccordionContent: Accordion content component
AccordionItem: Accordion item component
AccordionTrigger: Accordion trigger component
Alert: Alert root component
AlertDescription: Alert Description component
AlertDialog: AlertDialog root component
AlertDialogAction: AlertDialog action component
AlertDialogCancel: AlertDialog cancel component
AlertDialogDescription: AlertDialog description component
AlertDialogFooter: AlertDialog footer component
AlertDialogTitle: AlertDialog title component
AlertTitle: Alert Title component
AspectRatio: Aspect Ratio component - Maintain aspect ratio containers
AspectRatioContainer: Aspect Ratio Container component
AspectRatioWrapper: Aspect Ratio Wrapper component
Avatar: Avatar component - User profile images with fallbacks
AvatarFallback: Avatar Fallback component
AvatarGroup: Avatar Group component
AvatarImage: Avatar Image component
Badge: Root Badge component
BadgeCount: Badge with count/number
BadgeDot: Badge with dot indicator
Button: Button component with accessibility and variant support
Calendar: Calendar component - Date picker and calendar component
CalendarDay: Calendar Day component
CalendarGrid: Calendar Grid component
CalendarHeader: Calendar Header component
CalendarNavigation: Calendar Navigation component
CalendarWeekHeader: Calendar Week Header component
Checkbox: Checkbox root component
Collapsible: Collapsible component - Collapsible content areas with smooth animations
CollapsibleContent: Collapsible Content component
CollapsibleHeader: Collapsible Header component
CollapsibleIcon: Collapsible Icon component
CollapsibleTrigger: Collapsible Trigger component
Combobox: Combobox component - Searchable select component with autocomplete
ComboboxClearButton: Combobox Clear Button component
ComboboxGroup: Combobox Group component
ComboboxInput: Combobox Input component
ComboboxOption: Combobox Option component
ComboboxOptions: Combobox Options component
ComboboxSeparator: Combobox Separator component
ComboboxTrigger: Combobox Trigger component
ContextMenu: Context Menu component - Right-click context menus with keyboard navigation
ContextMenuItem: Context Menu Item component
ContextMenuTrigger: Context Menu Trigger component
DatePicker: Date Picker component - Date selection with validation
DatePickerCalendar: Date Picker Calendar component
DatePickerInput: Date Picker Input component
DatePickerTrigger: Date Picker Trigger component
DatePickerValidation: Date Picker Validation component
Dialog: Dialog root component
DialogContent: Dialog content component
DialogDescription: Dialog description component
DialogFooter: Dialog footer component
DialogHeader: Dialog header component
DialogTitle: Dialog title component
DropdownMenu: Required Props
DropdownMenuCheckboxItem: Required Props
DropdownMenuContent: Required Props
DropdownMenuItem: Required Props
DropdownMenuLabel: Required Props
DropdownMenuRadioItem: Required Props
DropdownMenuSeparator: Optional Props
DropdownMenuTrigger: Required Props
FileUpload: File Upload component - File upload with drag & drop support
FileUploadDropZone: File Upload Drop Zone component
FileUploadInput: File Upload Input component
FileUploadItem: File Upload Item component
FileUploadList: File Upload List component
Form: Form root component
FormError: Form error component
FormErrorSummary: Form Error Summary component
FormField: Form field component
FormFieldError: Form Field Error component
FormInput: Form input component
FormLabel: Form label component
FormSubmit: Form submit component
FormValidationProvider: Form Validation System - Comprehensive validation with real-time feedback
HoverCard: Hover Card component for contextual hover information
HoverCardArrow: Hover Card Arrow component
HoverCardContent: Hover Card Content component
HoverCardPortal: Hover Card Portal component
HoverCardTrigger: Hover Card Trigger component
Label: Label component - Form labels with accessibility features
LabelDescription: Label Description component
LabelError: Label Error component
LabelGroup: Label Group component
LabelText: Label Text component
List: Main List component
ListEmpty: ListEmpty component for empty state
ListFooter: ListFooter component for list footers
ListHeader: ListHeader component for list headers
ListItem: ListItem component for individual list items
ListLoading: ListLoading component for loading state
Menubar: Menubar component for menu bar with keyboard navigation
MenubarContent: Menubar Content component
MenubarGroup: Menubar Group component
MenubarItem: Menubar Item component
MenubarLabel: Menubar Label component
MenubarMenu: Menubar Menu component
MenubarSeparator: Menubar Separator component
MenubarTrigger: Menubar Trigger component
MultiSelect: Multi-Select component for selecting multiple options with search functionality
MultiSelectContent: Multi-Select content component
MultiSelectOption: Multi-Select option component
MultiSelectSearch: Multi-Select search component
MultiSelectTag: Multi-Select tag component for selected items
MultiSelectTrigger: Multi-Select trigger component
NavigationMenu: Navigation Menu component for main navigation
NavigationMenuContent: Navigation Menu Content component
NavigationMenuItem: Navigation Menu Item component
NavigationMenuLink: Navigation Menu Link component
NavigationMenuList: Navigation Menu List component
NavigationMenuSeparator: Navigation Menu Separator component
NavigationMenuTrigger: Navigation Menu Trigger component
OtpField: One-Time Password Field component for OTP input with validation
OtpFieldWithValidation: OTP field with validation component
OtpResend: OTP resend component
OtpTimer: OTP timer component for countdown
Pagination: Main Pagination component
PaginationContent: PaginationContent component for wrapping pagination content
PaginationEllipsis: PaginationEllipsis component for truncated page ranges
PaginationFirst: PaginationFirst component for first page button
PaginationInfo: PaginationInfo component for displaying pagination information
PaginationItem: PaginationItem component for individual pagination items
PaginationLast: PaginationLast component for last page button
PaginationList: PaginationList component for the pagination items container
PaginationNext: PaginationNext component for next page button
PaginationPrevious: PaginationPrevious component for previous page button
PaginationProvider: Pagination provider component for context management
PasswordRequirements: Password requirements display component
PasswordStrengthIndicator: Password strength indicator component
PasswordToggleField: Password Toggle Field component with visibility toggle
Popover: Popover component for floating content containers
PopoverArrow: Popover Arrow component
PopoverClose: Popover Close component
PopoverContent: Popover Content component
PopoverPortal: Popover Portal component
PopoverTrigger: Popover Trigger component
Progress: Progress root component
ProgressIndicator: Progress Indicator component
ProgressTrack: Progress Track component
RadioGroup: Generate a simple unique ID for components Radio Group root component
RadioGroupIndicator: Radio Group Indicator component
RadioGroupItem: Radio Group Item component
Resizable: Resizable component for resizable panels with constraints
ResizablePanel: Resizable panel component
ResizableSplitter: Resizable splitter component
ResizeHandle: Resize handle component
ScrollArea: Scroll Area component for custom scrollable areas
ScrollAreaCorner: Scroll Area Corner component
ScrollAreaScrollbar: Scroll Area Scrollbar component
ScrollAreaThumb: Scroll Area Thumb component
ScrollAreaViewport: Scroll Area Viewport component
Search: Search component - Search input with suggestions and filtering
SearchClearButton: Search Clear Button component
SearchFilter: Search Filter component
SearchInput: Search Input component
SearchSuggestionItem: Search Suggestion Item component
SearchSuggestions: Search Suggestions component
Select: Select root component
SelectContent: Select content component
SelectItem: Select item component
SelectTrigger: Select trigger component
SelectValue: Select value component
Separator: Separator component - Visual dividers with orientation support
SeparatorGroup: Separator Group component
SeparatorLine: Separator Line component
SeparatorText: Separator Text component
Sheet: Sheet root component
SheetBody: Sheet body component
SheetClose: Sheet close button component
SheetContent: Sheet content component
SheetDescription: Sheet description component
SheetFooter: Sheet footer component
SheetHeader: Sheet header component
SheetTitle: Sheet title component
Skeleton: Skeleton component
SkeletonAvatar: Skeleton avatar component
SkeletonButton: Skeleton button component
SkeletonGroup: Skeleton group component for multiple skeletons
SkeletonText: Skeleton text component with multiple lines
Slider: Slider root component
SliderRange: Slider Range component
SliderThumb: Slider Thumb component
SliderTrack: Slider Track component
Switch: Switch root component
SwitchThumb: Switch Thumb component
Tabs: Generate a simple unique ID for components Tabs root component
TabsContent: Tabs Content component
TabsList: Tabs List component
TabsTrigger: Tabs Trigger component
TimePicker: Time Picker component - Time selection with validation
TimePickerDropdown: Time Picker Dropdown component
TimePickerGrid: Time Picker Grid component
TimePickerInput: Time Picker Input component
Timeline: Timeline component - Event visualization
TimelineDot: Timeline Dot component
TimelineItem: Timeline Item component
TimelineLine: Timeline Line component
Toast: Toast component - Enhanced notification system with positioning
ToastAction: Toast Action component
ToastClose: Toast Close Button component
ToastDescription: Toast Description component
ToastProvider: Toast Provider component
ToastTitle: Toast Title component
ToastViewport: Toast Viewport component
Toggle: Toggle component for toggle button functionality
ToggleGroup: Toggle Group component for group of toggle buttons
ToggleGroupItem: Toggle Group Item component
Toolbar: Toolbar component for action toolbar functionality
ToolbarButton: Toolbar Button component
ToolbarSeparator: Toolbar Separator component
ToolbarToggleGroup: Toolbar Toggle Group component
ToolbarToggleItem: Toolbar Toggle Item component
Tooltip: Tooltip root component
TooltipArrow: Tooltip arrow component
TooltipContent: Tooltip content component
TooltipTrigger: Tooltip trigger component
TreeNode: Tree Node component
TreeView: Tree View component for displaying hierarchical data
TreeViewActions: Tree View Actions component
TreeViewSearch: Tree View Search component
calculate_page_range: Calculate visible page range
create_list_item: Helper function to create a simple list item
createdisabled_list_item: Helper function to create a disabled list item
createselected_list_item: Helper function to create a selected list item
generate_page_numbers: Helper function to generate page numbers for pagination
getvisible_page_numbers: Helper function to generate page numbers for pagination This function returns a vector of page numbers that should be displayed It handles ellipsis for large page counts
is_valid_date: Date validation
is_valid_email: Email validation
is_valid_integer: Integer validation
is_valid_number: Number validation
is_valid_phone: Phone validation
is_valid_time: Time validation
is_valid_url: URL validation
use_pagination_context: Hook to use pagination context
validate_time: Validate time string

Type Aliases§

CustomValidator: Custom Validator function type