Crate freya_components
source ·Expand description
§Freya Components
A collection of basic components to be used in Freya.
Macros§
- Generate a Dioxus component rendering the specified image.
- Generate a Dioxus component rendering the specified SVG.
Structs§
- Properties for the
AccordionBody
component. - Properties for the
Accordion
component. - Properties for the
AccordionSummary
component. - Properties for the
ActivableRoute
component. - Properties for the
AnimatedPosition
component. - Properties for the
ArrowIcon
component. - Properties for the
Button
component. - Properties for the
Body
component. - Properties for the
BottomTab
component. - Properties for the
Canvas
component. - Properties for the
Checkbox
component. - Properties for the
CrossIcon
component. - Properties for the
CursorArea
component. - Properties for the
DragProvider
component. - Properties for the
DragZone
component. - Properties for the
DropZone
component. - Properties for the
DropdownItem
component. - Properties for the
Dropdown
component. - Just like a TreeItem for flattened. Use this when rendering the items.
- Properties for the
GestureArea
component. - Data line for the
Graph
component. - Properties for the
Graph
component. - Properties for the
Input
component. - Properties for the
Link
component. - Properties for the
Loader
component. - Properties for the
MenuButton
component. - Properties for the
MenuContainer
component. - Properties for the
MenuItem
component. - Properties for the
Menu
component. - Properties for the
NativeContainer
component. - Properties for the
NativeRouter
component. - Properties for the
NetworkImage
component. - Properties for the
PopupBackground
component. - Properties for the
PopupContent
component. - Properties for the
Popup
component. - Properties for the
PopupTitle
component. - Properties for the
ProgressBar
component. - Properties for the
Radio
component. - Properties for the
ScrollBar
component. - Properties for the
ScrollThumb
component. - Properties for the
ScrollView
component. - Properties for the
SidebarItem
component. - Properties for the
Sidebar
component. - Properties for the
Slider
component. - Properties for the [
SnackBarBox
] component. - Properties for the
SnackBar
component. - Properties for the
SubMenu
component. - Properties for the
Switch
component. - Properties for the
Tab
component. - Properties for the
TableBody
component. - Properties for the
TableCell
component. - Properties for the
TableHead
component. - Properties for the
Table
component. - Properties for the
TableRow
component. - Properties for the
Tabsbar
component. - Properties for the
ThemeProvider
component. - Properties for the
TickIcon
component. - Properties for the
Tile
component. - Properties for the
TooltipContainer
component. - Properties for the
Tooltip
component. - Form controller
- Properties for the
VirtualScrollView
component. - Properties for the
WindowDragArea
component.
Enums§
- Indicates the current status of the accordion.
- Identifies the current status of the Button.
- Describes the appearance of the (usually mouse) cursor icon.
- Current status of the DropdownItem.
- Current status of the Dropdown.
- Indicates the state of the item.
- Gesture emitted by the
GestureArea
component. - Enum to declare is
Input
hidden. - Indicates the current status of the Input.
- Tooltip configuration for the
Link
component. - Indicates the current status of the MenuItem.
- Sorting direction for items in
Table
. - Describes the current status of the Slider.
- Describes the current status of the Switch.
- Current status of the Tab.
- Indicates the current status of the Tile.
- Item part of a larget Tree.
Traits§
- Abstract the path matching.
Functions§
- Show other elements under a collapsable box.
- Intended to wrap the body of an
Accordion
. - Intended to use as summary for an
Accordion
. - Sometimes you might want to know if a route is selected so you can style a specific UI element in a different way, like a button with a different color. To avoid cluttering your components with router-specific code you might instead want to wrap your component in an
ActivableRoute
and inside your component calluse_activable_route
. - Props
- Provide a mechanism for outlets to animate between route transitions.
- Icon component for an Arrow.
- Usually used to wrap the application root component.
- Clickable BottomTab. Same thing as Tab but designed to be placed in the bottom of your app, usually used in combination with
Tabsbar
, [Link
] and [ActivableRoute
]. - Clickable button.
- Draw anything inside of this canvas.
- Controlled
Checkbox
component. - Icon component for a Cross.
- Change the cursor icon when it’s hovering over this component.
- Make the inner children draggable to other
DropZone
. - Elements from
DragZone
s can be dropped here. - Select from multiple options, use alongside
DropdownItem
. - Styling
- Clickable button with a solid fill color.
- Detect complex touch gestures such as
Gesture::DoubleTap
. - Graph component.
- Small box to edit text.
- Styling
- Floating menu, use alongside
MenuItem
. - Like a button, but for
Menu
s. - Wraps the body of a
Menu
. - Styling
- Provides native functionalities for a dioxus-router.
- Image component that automatically fetches and caches remote (HTTP) images.
- Clickable button with an outline style.
- Floating window intended for quick interactions. Also called
Dialog
in other frameworks. - The background of the
Popup
component. - Optionally wrap the content of your
Popup
in a styled container. - Optionally use a styled title inside a
Popup
. - Display the progress of something visually. For example: downloading files, fetching data, etc.
- Controlled
Radio
component. - Scroll bar used for
crate::ScrollView
andcrate::VirtualScrollView
. - Scroll thumb used for
crate::ScrollView
andcrate::VirtualScrollView
. - Scrollable area with bidirectional support and scrollbars.
- Props
- Props
- Controlled
Slider
component. SnackBar
component. Use in combination with other components.- Create sub menus inside a
Menu
. - Display whether a state is
true
orfalse
. Commonly used for enabled/disabled scenarios. Example: light/dark theme. - The body of a
Table
. - Cell for a
Table
. You can place anything inside. - Horizontal container for Tabs. Use in combination with
Tab
- Provides a
Theme
for all its children. - Icon component for a Tick.
- Tile component to be used with [
Radio
] and [Checkbox
]. Tooltip
componentTooltipContainer
component.- One-direction scrollable area that dynamically builds and renders items based in their size and current available size, this is intended for apps using large sets of data that need good performance.
- Allow dragging the window when the cursor drag this component with a left mouse click.
- Shortcut to get access to the AnimatedRouterContext.
- Create a Form controller with a submit callback.