Components
Components are the reusable building blocks of our design system. Each component meets a specific interaction or UI need, and has been specifically created to work together to create patterns and intuitive user experiences.
- Components are reusable code used to rapidly build pages. They are the source of truth for our shared UI elements.
- These components are flexible, and we continuously develop and grow them.
- Accordion menu
- Alert banner
- Autocomplete
- Avatar
- Banner
- Blockquote
- Breadcrumbs
- Breakpoint
- Button
- Checkbox
- Color
- Comparison table
- Consent banner
- Contextual menu
- Data tables
- Data visualization
- Datepicker
- Disclosure card
- Dropdown filter
- Dropdown menu
- Dropdown select
- Editorial card
- Faq
- File upload
- Floating action button
- Global footer
- Global header
- Global minimal header
- Grid
- Header
- Help tooltip
- Hero
- Hero navigation
- Icon button
- Icons
- Info card
- Info tooltip
- Input fields
- Input label
- Link
- Link list
- Loader
- Logo
- Modal
- Navigational card
- Numeric stepper
- Pagination
- Panel
- Phonenumber
- Popover
- Product matrix table
- Progress tracker
- Quick facts
- Radio buttons
- Search field
- Section
- Segmented control
- Shortcuts
- Sidebar menu
- Slider
- Split
- Status indicator
- Tabs
- Tag
- Textarea
- Timeline
- Toast
- Toggle
- Tooltip
- Tooltip menu
- Typography
- Utils
- Video
Table of Contents
Edit this section, Opens in new windowComponents
There is currently no documentation for this section yet. However, there might be some more documentation after this section.
Contact the Design System team, Opens in new window for questions.
If you want to contribute, you can also