Component categories

Collapse, Collapsible, Collapsible sections, Details, Disclosure, Expandable, Expandable section, Expander

Expandable/collapsible content sections

Feedback, Message, Callout, Flashbar, Banner

User notification and feedback messages

Avatar group

User profile images and icons

Tag, Label, Chip, Pill

Status indicators and labels

Quote, Pull quote, Block quote

Quoted text blocks

Breadcrumb group, Breadcrumb trail, Breadcrumbs

Navigation path indicators

Interactive action buttons

Grouped button controls

Tile

Content container components

Area chart, Bar chart, Line chart, Pie chart, Donut chart

Data visualization charts

Multi-selection controls

Code, Code view, Inline code, Code editor

Code display and formatting

Autocomplete, Autosuggest, Typeahead

Searchable selection inputs

Command menu

Command palette and menus

Contextual menu

Right-click contextual menus

Datepicker, Date input, Calendar

Date selection inputs

Date range selection

Separator, Horizontal rule, Vertical rule

Content separators

Offcanvas, Tray, Flyout, Sheet, Side modal, Side panel, Slideout

Slide-out panels

Dropdown

Selection menus

Empty

No content placeholders

File uploader, File input, File picker, File chooser, Dropzone, Upload, Multiple file upload

File upload controls

Page footer component

Form layout

Form containers

Masthead

Page header component

Headline, Display heading, Page heading, Title, Subheading

Text headings

Icon list

Icon displays

Picture

Image displays

Form label, Helper text, Hint

Form labels

Anchor, Hyperlink, Back link

Hyperlinks

List group, List item, Ordered list, Unordered list

List displays

Dialog, Popup, Modal window, Confirmation modal

Modal dialogs

Multi select menu

Multiple selection controls

Nav, Navbar, Menu, Menubar, Topbar, Top bar, Top navigation, Sidebar, Side navigation, Side nav

Navigation components

Notification badge, Notification banner, Notification drawer, Notification group

Notification components

Numeric input fields

Page navigation

Text, Text block

Text paragraph blocks

Password input fields

Phone number inputs

Popout, Popconfirm

Popup overlays

Progress, Loading bar

Progress indicators

Progress tracker, Progress steps, Progress stepper, Stepper, Steps, Step

Step progress indicators

Prompt group

Prompt input fields

Radio, Radio group, Radio box group, Radios

Single selection controls

Rate

Rating components

WYSIWYG, RTE, Editor, Text editor

Rich text editing

Search

Search input fields

Segmented, Toggle button group

Segmented selection controls

Selection, Select input, Single select menu

Selection dropdowns

Skeleton loader, Skeleton table

Loading placeholders

Range slider, Range input, Range

Range slider controls

Loader, Loading, Loading icon, Loading bar, Loading indicator, Spin

Loading indicators

Data table, Data grid, Editable table, Striped table

Data tables

Tab, Tab group, Tab panel, Tabbed interface, Vertical tabs

Tabbed interfaces

Input, Input field, Text field

Text input fields

Text area, Textbox, Text box

Multi-line text inputs

Timeline displays

Toast group, Snackbar

Toast notifications

Switch, Toggle switch, Lightswitch

Toggle switches

Toggletip, Hover card

Hover tooltips

Tree

Hierarchical tree displays

Video player

Video players