Components
YDS provides UI components for web and mobile use.
Form controls
Components for data entry, selection, and supporting form structures.
Lets users select one or more options.
Lets users select one option from a set.
Predefined list for single selection in forms.
Lets users pick a numeric value from a range.
Multi-line input for longer free-form responses.
Single-line field for short structured information.
Navigation
Components for moving through content, switching views, and finding destinations.
Filters results in real-time as the user types.
Switches between pages or top-level views.
Lets users find content by entering keywords.
Indicators & Metadata
Components for displaying status, categorisation, and supporting information in the interface.
Feedback & Status
Components for communicating feedback, notifications, and system status to the user.
Short-lived floating message confirming an action.
Buttons & Actions
Components for triggering actions and making choices.
Button that opens a dropdown list of actions.
Triggers an action or confirms a choice.
Selects a value from a list immediately.
Toggles between two states, applied immediately.
Content display
Components for presenting, structuring, and highlighting content.
Panel that slides up from the bottom.
Consistent layout for content inside Modal or BottomSheet.
Centered overlay that blocks interaction until dismissed.