Accordion Accordion is a vertically stacked list of interactive headings that each contain a title, content snippet, or thumbnail. Badge A badge is a small status descriptor for UI elements. Banner A banner is a complex component used to highlight information or events. Breadcrumb A breadcrumb is a navigation aid that helps users understand and navigate a website or application. Button A button is an interactive element that enables users to perform actions or submit forms. Calendar A calendar is a visual representation of dates and events, typically displayed in a grid format. Callout Callout is a component that can be used to display important information to the user. Card Card component is a web component that displays a card with the ability to add a title, description, and actions. Checkbox Checkbox component is a form element that allows the user to select one or more options from a list of options. Combobox ComboBox component is a form element that allows the user to select one option from a list of options. Content switcher Content switchers allow users to toggle between two or more content sections within the same space on the screen. Datepicker The Datepicker component is a form element that allows users to select a date from a calendar. Divider Divider is used to separate content in a layout. Feedback message Feedback component can be used to give more information to the user about the input field. File upload File input component is a web component that allows users to select a file from their device. Icon Icon component is a web component that displays an icon. Icon button Icon button is a button with an icon. It can be used to trigger an action or to navigate to another page Input Input component is a form element that allows the user to input data. Link Link is used to navigate to another page or resource. List item List item component is a simple list item that can be used to make a checklist or a list of items. Modal / Dialog Modal is a dialog box or popup window that is displayed on top of the current page. Number field Number input is a form element that allows the user to enter a number. Overlay Overlay component is a web component that displays a overlay on top of the content. Password input Password input component is a form element that allows the user to enter a password. Popup Popup component is a web component that displays a popup on top of the content. Radio button Radio button is a form element that allows the user to select one option from a set of options. Search Search component is a form element that allows the user to search for a specific item. Select Select is a single selecct component that allows users to select a single option from a list of options. Skiplink Skip link component is a web component that displays a link to the main content of the page. Spinner Spinner component is a web component that displays a spinner on top of the content. Stack Stack component is a layout component that stacks its children vertically or horizontally. Switch Switch is a form element that allows the user to toggle between two states. Tabs Tab component is a web component that displays a tabbed interface. Table Table component is a simple component that displays data in a table format. Textarea Textarea component is a form element which allows the user to input multiple lines of text. Table of contents Table of contents component is a simple component that displays the current page's headings in a table of content format. Tooltip Tooltip component is a small pop-up box that appears when a user hovers over an element or clicks on it. Tray Tray component is a popup component which can slide in from any side of the screen. Typography Typography component is used to create a consistent hierarchy, readability, and visual language across the design system.