Status
Here’s a quick glance at Evo component status across platforms.
Here’s a quick glance at Evo component status across platforms.
A component that is built to the latest spec, tested, and ready for immediate use within the design system.
A component under development. It may already be available for use but may not be up to the latest spec.
A component that has been identified for future development but work has not yet started.
A component for which we don't have status information.
A component that is outdated and no longer recommended for use, potentially to be removed in the future.
A component that is not applicable in the given library or platform.
More component info is available for signed-in users.
| CSS | Marko | React | |
|---|---|---|---|
| Accordion | 1.1CSS — 1.1 | 1.1Marko — 1.1 | 1.1React — 1.1 |
| Action bar | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Alert notice: Inline notice | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Alert notice: Page notice | 3.0CSS — 3.0 | 3.0Marko — 3.0 | 3.0React — 3.0 |
| Alert notice: Section notice | 4.0CSS — 4.0 | 4.0Marko — 4.0 | 4.0React — 4.0 |
| Avatar | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Badge | 1.2CSS — 1.2 | 1.2Marko — 1.2 | 1.2React — 1.2 |
| Banner | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Breadcrumb | 1.2CSS — 1.2 | 1.2Marko — 1.2 | 1.2React — 1.2 |
| Button: Branded button | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Button: CTA button | 1.6CSS — 1.6 | 1.6Marko — 1.6 | 1.6React — 1.6 |
| Button: Icon button | 1.6CSS — 1.6 | 1.6Marko — 1.6 | 1.6React — 1.6 |
| Button: Link button | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Carousel | 1.1CSS — 1.1 | 1.1Marko — 1.1 | 1.1React — 1.1 |
| Ccd | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Chip: Filter chip | 4.1CSS — 4.1 | 4.1Marko — 4.1 | 4.1React — 4.1 |
| Chip: Input chip | 2.1CSS — 2.1 | 2.1Marko — 2.1 | 2.1React — 2.1 |
| Date picker | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Dialog | 4.1CSS — 4.1 | 4.1Marko — 4.1 | 4.1React — 4.1 |
| Divider | N/ACSS — N/A | N/AMarko — N/A | N/AReact — N/A |
| EEK | 1.1CSS — 1.1 | 1.1Marko — 1.1 | 1.1React — 1.1 |
| Education notice | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Expansion | 1.2CSS — 1.2 | 1.2Marko — 1.2 | 1.2React — 1.2 |
| Input: Checkbox | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Input: Combobox | 1.0 - 2.2CSS — 1.0 - 2.2 | 1.0 - 2.2Marko — 1.0 - 2.2 | 1.0 - 2.2React — 1.0 - 2.2 |
| Input: Dropdown | 2.2 - 2.3CSS — 2.2 - 2.3 | 2.2 - 2.3Marko — 2.2 - 2.3 | 2.2 - 2.3React — 2.2 - 2.3 |
| Input: Numeric stepper | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Input: Password | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Input: Phone number | 4.0CSS — 4.0 | 4.0Marko — 4.0 | 4.0React — 4.0 |
| Input: Radio button | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Input: Select list | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Input: Switch | 2.1CSS — 2.1 | 2.1Marko — 2.1 | 2.1React — 2.1 |
| Input: Text area | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Input: Text field | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Item tile | 0.1CSS — 0.1 | 0.1Marko — 0.1 | 0.1React — 0.1 |
| List row | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Loading: Loading expressive | 1.1CSS — 1.1 | 1.1Marko — 1.1 | 1.1React — 1.1 |
| Loading: Skeleton loader | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Media container | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Navigation: Top navigation bar | N/ACSS — N/A | N/AMarko — N/A | N/AReact — N/A |
| Pagination | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Popover | TBACSS — TBA | TBAMarko — TBA | TBAReact — TBA |
| Progress stepper | 4.1CSS — 4.1 | 4.1Marko — 4.1 | 4.1React — 4.1 |
| Search field | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Section header | 4.0CSS — 4.0 | 4.0Marko — 4.0 | 4.0React — 4.0 |
| Segmented button | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Signal | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Snackbar | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Tab | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Table | 0.1CSS — 0.1 | 0.1Marko — 0.1 | 0.1React — 0.1 |
| Tip: Tooltip | 2.0CSS — 2.0 | 2.0Marko — 2.0 | 2.0React — 2.0 |
| Tip: Tourtip | 2.2CSS — 2.2 | 2.2Marko — 2.2 | 2.2React — 2.2 |
| Toggle button group | 1.0CSS — 1.0 | 1.0Marko — 1.0 | 1.0React — 1.0 |
| Video player | TBACSS — TBA | 1.0Marko — 1.0 | 1.0React — 1.0 |