Design System
Foundations
Components
Patterns
FAQs
Components are the building blocks of our design system.
100
Accordions allow users to expand and collapse content to keep interfaces clean.
Banners are placeholders for alerts displayed at a section or page level.
The anchor menu component provides orienting anchor links on the page.
A Badge is a visual text label that displays the numeric values of an object.
Provides a visual representation of a user's location
Buttons enable users to take action and make selections with a single tap.
Provides a visual interface for date selection.
The carousel component is used to cycle through a series of content in a single view.
Checkboxes allow users to select one or multiple items from a list of individual items.
Dividers and separators are used to visually separate content within a layout
Input components allow users to enter and edit information in the interface.
The link component takes you to a specific URL or page.
Menu component provides navigation options in a structured forma
Modals provides essential information in a temporary context.
http://prism-styleguide/v2/index.html#/Components/Data%20Input?id=multiselect
Notifications provides simple feedback about an operation in a small popup
The Number Input component is an input field designed for numerical data entry.
Password Input is designed for secure entry of passwords and other sensitive information.
Visually represents the completion of a task or process.
The select input allows users to select an option from a list of values.
Allows users to select a value or range by dragging a handle along a track.
Status Indicators visually communicate the state or condition of an element.
The Steps component provides a visual representation of progress
The Table component is used to display structured data in rows and columns.
Organizes content into separate views
A tag is a visual text label containing small amounts of color-categorized information.
The Time Picker is an input component that allows users to select a time value.
Floating labels to describe or add additional information.
Guides users through workflows or features
Allows users to toggle between different content sections
A flexible container in a dashboard.