Overview
- Getting Started
- Loading States
- Forms
- Feature Flags
- Portal
- Show
- For
- Text
- Toggle
- Local Storage
Actions
- Button
- Icon Button
Communication
- Admonition
- Accordion
- Avatar
- Notifications
- Progress Indicators
- Tag
- Tooltip
Containment
- Confirm Modal
- Prompt Modal
- CTA Modal
- Modaldeprecated
- Dialog
- Table
Navigation
- Menu
- Tabs
Selection
- Drag & Drop
- Checkbox
- Date Picker
- Radio
- Rating
- Select
- Combobox
- Switch
Inputs
- Field
- Input
- Textarea
- Labeldeprecated
- Fieldset
- Field Messagedeprecated
- File Uploader
Hooks & Helpers
- split-props
- trap-focusdeprecated
- use-root-colors
- use-theme
- use-theme-context
- use-toggledeprecated
Loading States
Loading states help communicate that when the app is processing a request.
Usage
- Execution depends on context:
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
- Try to use SSR for initial page loading and data-fetching on the client for user actions.
- Page content should not switch between Skeletons and Spinners.
Skeletons
Skeleton's are displayed when an application is taking longer than expected to load an initial page.
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
This typically doesn't happen when utilizing server-side rendering (SSR) for page loads.
Spinners
Spinners are used when a user triggers a request to the server by using an action.
This is some data about something
This is a detail about that text of something.The page content should remain static until the new data has arrived.
Usage
- Execution depends on context:
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
- Try to use SSR for initial page loading and data-fetching on the client for user actions.
- Page content should not switch between Skeletons and Spinners.
Skeletons
Skeleton's are displayed when an application is taking longer than expected to load an initial page.
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
This typically doesn't happen when utilizing server-side rendering (SSR) for page loads.
Spinners
Spinners are used when a user triggers a request to the server by using an action.
This is some data about something
This is a detail about that text of something.The page content should remain static until the new data has arrived.
Usage
- Execution depends on context:
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
- Try to use SSR for initial page loading and data-fetching on the client for user actions.
- Page content should not switch between Skeletons and Spinners.
Skeletons
Skeleton's are displayed when an application is taking longer than expected to load an initial page.
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
This typically doesn't happen when utilizing server-side rendering (SSR) for page loads.
Spinners
Spinners are used when a user triggers a request to the server by using an action.
This is some data about something
This is a detail about that text of something.The page content should remain static until the new data has arrived.
Usage
- Execution depends on context:
- Skeletons show when a page is initially loading
- Spinners show when a request is being processed in result of a user action
- Try to use SSR for initial page loading and data-fetching on the client for user actions.
- Page content should not switch between Skeletons and Spinners.
Skeletons
Skeleton's are displayed when an application is taking longer than expected to load an initial page.
This is a description of something.
Trash content
Trash content is a place where you can find all the content that you have deleted. You can restore or permanently delete the content from here.
This typically doesn't happen when utilizing server-side rendering (SSR) for page loads.
Spinners
Spinners are used when a user triggers a request to the server by using an action.
This is some data about something
This is a detail about that text of something.The page content should remain static until the new data has arrived.