Use cases · Syidax Design System

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.

Scenario	Component	Configuration
Text input	Input · Label	Explain the input's purpose with a label.
Choosing options	Select · Radio	Choose based on the number of options and available space.
Confirm and save	Button	Use loading during processing to prevent duplicate actions.

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.