Overview
Components are one of the key building blocks of the design system. Their systematic reuse helps to create visual and functional consistency across products.
Components
Each component has been designed and coded to solve a specific UI problem, such as presenting a list of options, enabling submission of a form, providing feedback to the user, and so on. All of the components in Carbon have been designed to work harmoniously together, as parts of a greater whole.
Additional components, maintained by the Carbon community, are available in Community assets.
| Component | Has default avt test(s) | Has complex avt test(s) | Has keyboard nav avt test(s) |
|---|---|---|---|
| Accordion | ✅ | ✅ | ✅ |
| Breadcrumb | ✅ | ✅ | ✅ |
| Button | ✅ | ✅ | ✅ |
| Checkbox | ✅ | ✅ | ✅ |
| Code snippet | ✅ | ✅ | ✅ |
| Content switcher | ✅ | ✅ | ✅ |
| Data table | 🚫 | 🚫 | 🚫 |
| Date picker | ✅ | ✅ | ✅ |
| Dropdown | ✅ | ✅ | ✅ |
| File uploader | ✅ | ✅ | ✅ |
| Form | ✅ | 🚫 | 🚫 |
| Inline loading | ✅ | 🚫 | 🚫 |
| Link | ✅ | ✅ | 🚫 |
| List | ✅ | ✅ | ✅ |
| Loading | ✅ | 🚫 | 🚫 |
| Modal | ✅ | ✅ | ✅ |
| Multiselect | ✅ | ✅ | ✅ |
| Notification | ✅ | ✅ | 🚫 |
| Number input | ✅ | ✅ | ✅ |
| Pagination | ✅ | ✅ | ✅ |
| Progress indicator | ✅ | ✅ | ✅ |
| Overflow menu | ✅ | ✅ | ✅ |
| Radio button | ✅ | ✅ | ✅ |
| Search | ✅ | ✅ | ✅ |
| Select | ✅ | ✅ | ✅ |
| Slider | ✅ | ✅ | 🚫 |
| Structured list | ✅ | ✅ | ✅ |
| Tabs | ✅ | ✅ | 🚫 |
| Tag | ✅ | ✅ | ✅ |
| Text input | ✅ | ✅ | ✅ |
| Tile | ✅ | ✅ | ✅ |
| Toggle | ✅ | ✅ | ✅ |
| Tooltip | ✅ | 🚫 | 🚫 |
| UI shell | ✅ | ✅ | ✅ |
