Components are the building blocks of the design system designed with users in mind.
The web library of Modus components is specific to web-based applications.
The accordion element delivers large amounts of content in a small space through progressive disclosure.
Alerts provide contextual information about system status that persists until dismissed or resolved.
The autocomplete is a text input field enhanced by a panel of suggested options.
Badges are non-interactive labels which hold small amounts of information.
The breadcrumb element is a secondary navigation pattern that shows hierarchy among content.
Button groups allow selection from a similar or related set of options.
Buttons are interactive elements that trigger an action or an event.
Cards provide a set of content which acts as an entry point to more detailed information.
Checkboxes are used for a list of options where the user may select multiple options, including all or none.
Chips represent small blocks of information and are commonly used for input or filtering.
A content tree provides users with a way to navigate nested hierarchical information using a parent-child relationship model
Allows the user to select a single date, a date range, or time.
Dropdowns present a list of options that can be used to filter or sort existing content.
File upload dropzone allows users to upload single or multiple files to the application by dragging and dropping.
Input fields collect information from users.
A list can be used to display content related to a single subject.
Messages provide the user with contextual static information. They have a lower priority than an alert.
Modal dialogs interrupt workflows and require user interaction.
The navbar provides context through globally accessible menu options.
Pagination affords navigation between pages of content, and it highlights the page currently in view.
Progress indicators express an unspecified wait time or display the length of a process.
Radio buttons are used when options are mutually exclusive.
Rich Text Format (RTF) Editor allows the user to style fonts and layout in a text area field.
Sentiment scale is a way to collect user feedback fast.
Vertical, collapsible navigation on the left side of the application.
Sliders allow users to make selections from a range of values.
Spinners indicate progress by showing users a loading state.
Switches are used to toggle functionality.
Tables display information in a grid-like format of rows and columns.
Tabs are used to quickly navigate between views within the same context.
Toasts provide non-intrusive, short-lasting contextual feedback to the user.
Toolbar consists of a series of icon buttons occupying minimum workspace.
Tooltips provide a short description of a page element or control.
Auto-response emails that follow an action by a subscriber or user.
Utility panel is a container for additional content and/or functionality related to the primary screen.