Use cases

Input and submission#

Use input components for sign-up, settings, approval requests, and other forms. Label inputs clearly and use a Primary Button for the final action.

Navigation and layout#

In admin tools with multiple screens, show the current location and navigation paths clearly. Use Tabs for screens at the same level and Menu and Breadcrumb for hierarchical navigation.

• Menu and Navigation define navigation between the main screens.
• Breadcrumb provides a path back to parent screens.
• Drawer shows details while keeping the current task in view.

Status and feedback#

Show results after an action and progress for longer tasks. Do not rely solely on disappearing notifications for errors or other information that affects the next step.

• Brief completion messages: Toast.
• Input errors or persistent information: Inline Message or Banner.
• Loading data: Skeleton; tasks with measurable progress: Progress Bar.
• No data: Empty and a Button that suggests the next action.