Skip to main content

Crate orbital_core_components

Crate orbital_core_components 

Source
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::CardFooter;
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::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::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::default_calendar_month_button;
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::ToastFooter;
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::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::Navigation;
pub use navigation::NavigationAppItem;
pub use navigation::NavigationBody;
pub use navigation::NavigationCategory;
pub use navigation::NavigationCategoryHeader;
pub use navigation::NavigationCollapseToggle;
pub use navigation::NavigationConfig;
pub use navigation::NavigationDivider;
pub use navigation::NavigationFooter;
pub use navigation::NavigationHeader;
pub use navigation::NavigationItem;
pub use navigation::NavigationItemConfig;
pub use navigation::NavigationMaterial;
pub use navigation::NavigationSectionHeader;
pub use navigation::NavigationSubItem;
pub use navigation::NavigationSubItemGroup;
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::SpotlightFooter;
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 — Text and scale presets.
tree

Structs§

AccordionHeader
Props for the AccordionHeader slot.
AppBarInset
Header chrome inset provided by a Fixed or Sticky app bar.
ButtonRef
CarouselState
Carousel navigation state shared between viewport, slides, and nav controls.
CarouselStateInjection
DatePickerRule
DialogDismiss
DrawerHeaderTitleAction
Props for the DrawerHeaderTitleAction slot.
FieldInjection
FileList
The FileList class.
InfoLabelInfo
Props for the InfoLabelInfo slot.
InputRef
InputRule
LoadingBarInjection
MenuTrigger
Props for the OverlayTrigger slot.
NumericStepperRule
OverflowChangeData
PickerShortcut
Shortcut preset shown on calendar/picker shortcut bars.
PopoverTrigger
Props for the OverlayTrigger slot.
RadioGroupRule
RatingRule
SelectRule
SliderRule
SwitchRule
TextareaRef
TextareaRule
ToastAction
ToastOffset
ToastOptions
ToasterInjection

Enums§

AppBarDensity
Vertical size tier for shell chrome on the Orbital spacing ramp.
AppBarPosition
Document-flow placement of the application header.
AutoCompleteSize
Visual size variants for auto-complete controls.
AvatarColor
Avatar background color preset aligned with Orbital palette tokens.
AvatarGroupLayout
AvatarGroupSize
AvatarShape
BadgeAppearance
BadgeColor
BadgeSize
ButtonAppearance
ButtonShape
ButtonSize
ButtonType
The default behavior of the button.
CarouselStepperLayout
CheckboxSize
Color
Canonical color payload for Orbital color pickers.
ColorBind
ComboboxSize
CompoundButtonIconPosition
DatePickerRuleTrigger
DatetimeFormat
DatetimeTimezone
DrawerModalType
DrawerPosition
DrawerSize
ExpansionTrigger
FieldOrientation
FieldValidationState
FlexAlign
FlexGap
FlexJustify
FlexWrap
FloatingButtonVariant
FormBind
Two-way value handle for form controls only.
ImageFit
ImageShape
InputRuleTrigger
InputSize
InputType
LabelSize
LabelWeight
LayoutPosition
Shell body positioning relative to the viewport.
ListNavigationMode
ListSelectionMode
MaterialCorners
Corner treatment for the surface root.
MaterialElevation
Orbital elevation tier mapped to shadow CSS variables.
MaterialVariant
Orbital material treatment for a surface root.
MessageBarLayout
NavigationDensity
Vertical spacing density for navigation rows.
NavigationMode
How the navigation rail is presented relative to page content.
NumericStepperRuleTrigger
OffsetTarget
Scroll container used to calculate anchor link offsets.
OpenBind
Two-way open-state handle for modal overlays.
OptionBind
Two-way optional value handle for form controls.
OverflowAxes
OverflowDirection
PresenceBadgeSize
PresenceStatus
RadioGroupRuleTrigger
RatingColor
RatingRuleTrigger
RatingSize
SelectRuleTrigger
SelectSize
SkeletonItemShape
Placeholder geometry for super::BaseSkeletonItem.
SkeletonItemSize
Preset pixel heights for super::BaseSkeletonItem, matching the Orbital type scale.
SliderRuleTrigger
SpacingHorizontal
Horizontal spacing tokens from the active theme (--orb-space-inline-*).
SpacingInset
Theme-aware padding or margin on all sides using Orbital spacing tokens.
SpacingVertical
Vertical spacing tokens from the active theme (--orb-space-block-*).
SpinnerSize
SwatchPickerLayout
Layout mode for super::BaseSwatchPicker.
SwatchPickerShape
Swatch shape for super::BaseSwatchPickerItem.
SwatchPickerSize
Swatch size for super::BaseSwatchPickerItem.
SwitchRuleTrigger
TagAppearance
TagSize
TextareaResize
TextareaRuleTrigger
TextareaSize
ToastPosition
ToolbarSize
TreeItemType
TreeSize

Constants§

ToastDefaultTimeoutMs

Functions§

DemoBox
A themed dashed-border box for preview demos and primitive stubs awaiting implementation.
ThemedPortal
Portal wrapper that scopes portaled UI to the current Orbital theme.

Type Aliases§

ToastId
TreeSelectionMode