Expand description
Themed Orbital UI components for Leptos applications.
Builds on orbital_base_components with Orbital theme tokens, motion, and
styled surfaces (buttons, forms, overlays, navigation, and more).
Re-exports§
pub use app_bar::AppBar;pub use app_bar::AppBarLeading;pub use app_bar::AppBarMaterial;pub use app_bar::AppBarTrailing;pub use card::Card;pub use card::CardButtonArea;pub use card::CardContent;pub use card::CardHeader;pub use card::CardHeaderAction;pub use card::CardHeaderDescription;pub use card::CardMedia;pub use card::CardPreview;pub use card::CardSectionBorder;pub use button::Button;pub use code::Code;pub use data::link_styles;pub use data::Avatar;pub use data::AvatarConfig;pub use data::AvatarGroup;pub use data::Breadcrumb;pub use data::BreadcrumbButton;pub use data::BreadcrumbDivider;pub use data::BreadcrumbItem;pub use data::Image;pub use data::ImageConfig;pub use data::Link;pub use data::List;pub use data::ListItem;pub use data::Persona;pub use data::PersonaConfig;pub use data::PersonaPrimaryText;pub use data::PersonaQuaternaryText;pub use data::PersonaSecondaryText;pub use data::PersonaSize;pub use data::PersonaTertiaryText;pub use data::PersonaTextAlignment;pub use data::PersonaTextPosition;pub use data::Table;pub use data::TableBody;pub use data::TableCell;pub use data::TableCellLayout;pub use data::TableCellLayoutConfig;pub use data::TableHeader;pub use data::TableHeaderCell;pub use data::TableHeaderCellConfig;pub use data::TableRow;pub use divider::Divider;pub use extensions::ThemeDensityStepper;pub use extensions::LoadingBarProvider;pub use flex::Flex;pub use floating_button::FloatingButton;pub use floating_button::FloatingButtonColor;pub use floating_button::FloatingButtonConfig;pub use floating_button::FloatingButtonSize;pub use forms::calendar_styles;pub use forms::default_calendar_day;pub use forms::input_styles;pub use forms::ActionMenuButton;pub use forms::ActionMenuItems;pub use forms::AutoComplete;pub use forms::AutoCompleteAppearance;pub use forms::AutoCompleteBind;pub use forms::AutoCompleteEvents;pub use forms::AutoCompleteOption;pub use forms::ButtonGroup;pub use forms::Calendar;pub use forms::CalendarAppearance;pub use forms::CalendarBind;pub use forms::CalendarChromeLabels;pub use forms::CalendarDayProps;pub use forms::CalendarDayRenderer;pub use forms::CalendarMonthButtonProps;pub use forms::CalendarMonthButtonRenderer;pub use forms::CalendarWeekdayHeader;pub use forms::Checkbox;pub use forms::ColorPicker;pub use forms::ColorPickerAppearance;pub use forms::ColorPickerBind;pub use forms::Combobox;pub use forms::ComboboxAppearance;pub use forms::ComboboxBind;pub use forms::ComboboxOption;pub use forms::ComboboxOptionGroup;pub use forms::CompoundButton;pub use forms::DatePicker;pub use forms::DatePickerAppearance;pub use forms::DatePickerBind;pub use forms::Dropdown;pub use forms::Field;pub use forms::InfoLabel;pub use forms::InfoLabelSize;pub use forms::InfoLabelWeight;pub use forms::Input;pub use forms::InputAppearance;pub use forms::InputBind;pub use forms::InputEvents;pub use forms::InputPrefix;pub use forms::InputSuffix;pub use forms::Label;pub use forms::MenuButton;pub use forms::NumericStepper;pub use forms::NumericStepperAppearance;pub use forms::NumericStepperBind;pub use forms::NumericStepperSize;pub use forms::PickerShortcutsBar;pub use forms::Radio;pub use forms::RadioGroup;pub use forms::RadioGroupBind;pub use forms::RadioGroupLayout;pub use forms::SearchBox;pub use forms::SearchBoxAppearance;pub use forms::SearchBoxBind;pub use forms::SearchBoxEvents;pub use forms::Select;pub use forms::SelectAppearance;pub use forms::SelectBind;pub use forms::Slider;pub use forms::SliderAppearance;pub use forms::SliderBind;pub use forms::SliderLabel;pub use forms::SwatchPicker;pub use forms::SwatchPickerItem;pub use forms::Switch;pub use forms::SwitchBind;pub use forms::SwitchLabel;pub use forms::Textarea;pub use forms::TextareaAppearance;pub use forms::TextareaBind;pub use forms::TextareaEvents;pub use forms::TimePicker;pub use forms::TimePickerAppearance;pub use forms::TimePickerBind;pub use forms::ToggleButton;pub use forms::TransferList;pub use forms::TransferListChange;pub use forms::TransferListConfig;pub use forms::Upload;pub use forms::UploadConfig;pub use forms::UploadDragger;pub use grid::Grid;pub use grid::GridConfig;pub use grid::GridItem;pub use grid::GridItemConfig;pub use icon::Icon;pub use layout_box::Box;pub use rating::Rating;pub use rating::RatingDisplay;pub use scroll_area::ScrollArea;pub use space::Space;pub use space::SpaceConfig;pub use space::SpaceGap;pub use stack::Stack;pub use stack::StackConfig;pub use tag::InteractionTag;pub use tag::InteractionTagPrimary;pub use tag::SecondaryActionTag;pub use tag::Tag;pub use tag::TagGroup;pub use tag::TagPicker;pub use tag::TagPickerBind;pub use tag::TagPickerControl;pub use tag::TagPickerGroup;pub use tag::TagPickerInput;pub use tag::TagPickerOption;pub use tag::TagPickerOptionGroup;pub use tag::TagPickerSize;pub use feedback::Badge;pub use feedback::CounterBadge;pub use feedback::Dialog;pub use feedback::DialogActions;pub use feedback::DialogBody;pub use feedback::DialogContent;pub use feedback::DialogDismissConfig;pub use feedback::DialogSurface;pub use feedback::DialogTitle;pub use feedback::MessageBar;pub use feedback::MessageBarActions;pub use feedback::MessageBarBody;pub use feedback::MessageBarIntent;pub use feedback::MessageBarTitle;pub use feedback::PresenceBadge;pub use feedback::ProgressBar;pub use feedback::ProgressBarColor;pub use feedback::ProgressCircle;pub use feedback::ProgressCircleColor;pub use feedback::Skeleton;pub use feedback::SkeletonItem;pub use feedback::Spinner;pub use feedback::Toast;pub use feedback::ToastBody;pub use feedback::ToastIntent;pub use feedback::ToastTitle;pub use feedback::ToastTrigger;pub use feedback::ToasterProvider;pub use layout::Aside;pub use layout::Content;pub use layout::ContentWithAside;pub use layout::Layout;pub use layout::LayoutHeader;pub use layout::LayoutHeaderInset;pub use layout::LayoutMain;pub use layout::LayoutSidebar;pub use layout::LayoutSidebarOpen;pub use layout::LayoutSidebarToggle;pub use material::Material;pub use navigation::Accordion;pub use navigation::AccordionItem;pub use navigation::Anchor;pub use navigation::AnchorConfig;pub use navigation::AnchorLink;pub use navigation::BackToTop;pub use navigation::BackToTopLabel;pub use navigation::Carousel;pub use navigation::CarouselSlide;pub use navigation::CarouselStepper;pub use navigation::CarouselViewport;pub use navigation::Drawer;pub use navigation::DrawerBody;pub use navigation::DrawerHeader;pub use navigation::DrawerHeaderTitle;pub use navigation::FloatingActionsMenu;pub use navigation::FloatingActionsMenuConfig;pub use navigation::FloatingActionsMenuItem;pub use navigation::InlineDrawer;pub use navigation::Menu;pub use navigation::MenuAppearance;pub use navigation::MenuConfig;pub use navigation::MenuItem;pub use navigation::MenuPosition;pub use navigation::MenuTriggerType;pub use navigation::Overflow;pub use navigation::OverflowMenuItems;pub use navigation::OverlayDrawer;pub use navigation::Popover;pub use navigation::PopoverAppearance;pub use navigation::PopoverConfig;pub use navigation::PopoverLifecycle;pub use navigation::PopoverPosition;pub use navigation::PopoverSize;pub use navigation::PopoverTriggerType;pub use navigation::SpotlightActions;pub use navigation::SpotlightBackdrop;pub use navigation::SpotlightBody;pub use navigation::SpotlightHeader;pub use navigation::SpotlightMedia;pub use navigation::SpotlightPopover;pub use navigation::SpotlightTip;pub use navigation::SpotlightTour;pub use navigation::SpotlightTourInjection;pub use navigation::SpotlightTourState;pub use navigation::SpotlightTourStep;pub use navigation::SpotlightTrigger;pub use navigation::Toolbar;pub use navigation::ToolbarButton;pub use navigation::Tooltip;pub use navigation::TooltipAppearance;pub use navigation::TooltipConfig;pub use navigation::TooltipPosition;pub use overlay::Backdrop;pub use overlay::BackdropConfig;pub use overlay::OverlayLayerRoot;pub use pagination::Pagination;pub use pagination::PaginationConfig;pub use tab_list::Tab;pub use tab_list::TabList;pub use tree::RichTree;pub use tree::RichTreeData;pub use tree::Tree;pub use tree::TreeApiRef;pub use tree::TreeAppearance;pub use tree::TreeBehavior;pub use tree::TreeConfig;pub use tree::TreeExpansion;pub use tree::TreeItem;pub use tree::TreeItemAside;pub use tree::TreeItemCheckbox;pub use tree::TreeItemCollapse;pub use tree::TreeItemConfig;pub use tree::TreeItemIconAfter;pub use tree::TreeItemIconBefore;pub use tree::TreeItemLabelInput;pub use tree::TreeItemLayout;pub use tree::TreeSelection;pub use text::*;
Modules§
- app_bar
- button
- card
- code
- data
- divider
- extensions
- feedback
- flex
- floating_
button - forms
- grid
- icon
- layout
- layout_
box - material
- navigation
- overlay
- pagination
- rating
- scroll_
area - space
- stack
- tab_
list - Tab list primitives for switching related views at the same level.
- tag
- text
- Orbital typography —
Textand scale presets. - tree
Structs§
- Accordion
Header - Props for the
AccordionHeaderslot. - AppBar
Inset - Header chrome inset provided by a Fixed or Sticky app bar.
- Button
Ref - Carousel
State - Carousel navigation state shared between viewport, slides, and nav controls.
- Carousel
State Injection - Date
Picker Rule - Dialog
Dismiss - Drawer
Header Title Action - Props for the
DrawerHeaderTitleActionslot. - Field
Injection - File
List - The
FileListclass. - Info
Label Info - Props for the
InfoLabelInfoslot. - Input
Ref - Input
Rule - Loading
BarInjection - Menu
Trigger - Props for the
OverlayTriggerslot. - Numeric
Stepper Rule - Overflow
Change Data - Picker
Shortcut - Shortcut preset shown on calendar/picker shortcut bars.
- Popover
Trigger - Props for the
OverlayTriggerslot. - Radio
Group Rule - Rating
Rule - Select
Rule - Slider
Rule - Switch
Rule - Textarea
Ref - Textarea
Rule - Toast
Action - Toast
Offset - Toast
Options - Toaster
Injection
Enums§
- AppBar
Density - Vertical size tier for shell chrome on the Orbital spacing ramp.
- AppBar
Position - Document-flow placement of the application header.
- Auto
Complete Size - Visual size variants for auto-complete controls.
- Avatar
Color - Avatar background color preset aligned with Orbital palette tokens.
- Avatar
Group Layout - Avatar
Group Size - Avatar
Shape - Badge
Appearance - Badge
Color - Badge
Size - Button
Appearance - Button
Shape - Button
Size - Button
Type - The default behavior of the button.
- Carousel
Stepper Layout - Checkbox
Size - Color
- Canonical color payload for Orbital color pickers.
- Color
Bind - Combobox
Size - Compound
Button Icon Position - Date
Picker Rule Trigger - Datetime
Format - Datetime
Timezone - Drawer
Modal Type - Drawer
Position - Drawer
Size - Expansion
Trigger - Field
Orientation - Field
Validation State - Flex
Align - FlexGap
- Flex
Justify - Flex
Wrap - Floating
Button Variant - Form
Bind - Two-way value handle for form controls only.
- Image
Fit - Image
Shape - Input
Rule Trigger - Input
Size - Input
Type - Label
Size - Label
Weight - Layout
Position - Shell body positioning relative to the viewport.
- List
Navigation Mode - List
Selection Mode - Material
Corners - Corner treatment for the surface root.
- Material
Elevation - Orbital elevation tier mapped to shadow CSS variables.
- Material
Variant - Orbital material treatment for a surface root.
- Message
BarLayout - Navigation
Density - Vertical spacing density for navigation rows.
- Navigation
Mode - How the navigation rail is presented relative to page content.
- Numeric
Stepper Rule Trigger - Offset
Target - Scroll container used to calculate anchor link offsets.
- Open
Bind - Two-way open-state handle for modal overlays.
- Option
Bind - Two-way optional value handle for form controls.
- Overflow
Axes - Overflow
Direction - Presence
Badge Size - Presence
Status - Radio
Group Rule Trigger - Rating
Color - Rating
Rule Trigger - Rating
Size - Select
Rule Trigger - Select
Size - Skeleton
Item Shape - Placeholder geometry for
super::BaseSkeletonItem. - Skeleton
Item Size - Preset pixel heights for
super::BaseSkeletonItem, matching the Orbital type scale. - Slider
Rule Trigger - Spacing
Horizontal - Horizontal spacing tokens from the active theme (
--orb-space-inline-*). - Spacing
Inset - Theme-aware padding or margin on all sides using Orbital spacing tokens.
- Spacing
Vertical - Vertical spacing tokens from the active theme (
--orb-space-block-*). - Spinner
Size - Swatch
Picker Layout - Layout mode for
super::BaseSwatchPicker. - Swatch
Picker Shape - Swatch shape for
super::BaseSwatchPickerItem. - Swatch
Picker Size - Swatch size for
super::BaseSwatchPickerItem. - Switch
Rule Trigger - TagAppearance
- TagSize
- Textarea
Resize - Textarea
Rule Trigger - Textarea
Size - Toast
Position - Toolbar
Size - Tree
Item Type - Tree
Size
Constants§
Functions§
- DemoBox
- A themed dashed-border box for preview demos and primitive stubs awaiting implementation.
- Themed
Portal - Portal wrapper that scopes portaled UI to the current Orbital theme.