Start here

Everything you need to know
about the MDX components

MDX offers a variety of different components to be used in your designs and code. Check out our components and pattern list below. If you can't find what you're looking for get in touch with the MDX team.

→ Check the component status here.

Component	Figma Link	Documentation Link	Repository Link	Storybook
Accordion	Open in Figma	Open page	Open link	Open link
Badge	Open in Figma	Open page	Open link	Open link
Breadrcrumbs	Open in Figma	Open page	Open link	Open link
Button	Open in Figma	Open page	Open link	Open link
Button Group	Open in Figma	Open page	Open link	Open link
Callout	Open in Figma	Open page	-	-
Card List	Open in Figma	Open page	Open link	Open link
Checkbox	Open in Figma	Open page	Open link	Open link
Chips (Shop)	-	-	-	-
Chips/Tags	Open in Figma	Open page	Open link	Open link
Date Picker	Open in Figma	Open page	Open link	Open link
Dialog	Open in Figma	Open page	Open link	Open link
Divider	Open in Figma	Open page	Open link	Open link
Expand & Collapse	Open in Figma	Open page	Open link	Open link
Filter	Open in Figma	Open page	Open link	Open link
Footer	-	-	-	-
Header	-	-	-	-
Icon Button	Open in Figma	Open page	Open link	Open link
Link	Open in Figma	Open page	Open link	Open link
Login Flyout	Open in Figma	Open page	-	-
Modal	Open in Figma	Open page	Open link	Open link
Navigation	-	-	-	-
Numeric Stepper	-	-	-	-
Pagination	-	-	-	-
Product Card	Open in Figma	Open page	-	-
Progressive Disclosure	Open in Figma	Open page	Open link	Open link
Radio Button	Open in Figma	Open page	Open link	Open link
Rating	-	Open page	Open link	Open link
Ribbon	-	-	-	-
Search	Open in Figma	Open page	Open link	Open link
Select	Open in Figma	Open page	Open link	Open link
Snackbar	Open in Figma	-	-	-
Switch	Open in Figma	Open page	Open link	Open link
Tab Bar	Open in Figma	Open page	Open link	Open link
Table	Open in Figma	Open page	-	-
Text Input	Open in Figma	Open page	Open link	Open link
Textarea	Open in Figma	Open page	Open link	Open link
Tooltip	Open in Figma	Open page	Open link	Open link

Accordion

Badge

Breadcrumbs

Button

Button Group

Carousel

Checkbox

Chips

Date Picker

Dialog

Divider

Expand & Collapse

Icon Button

Link

Modal

Radio Button

Rating

Select

Switch

Tab Bar

Textarea

Text Input

Tooltip