Skip to main contenteBay Playbook

Status

Here’s a quick glance at Evo component status across platforms.

Availability

  • Latest

    A component that is built to the latest spec, tested, and ready for immediate use within the design system.

  • In progress

    A component under development. It may already be available for use but may not be up to the latest spec.

  • Future

    A component that has been identified for future development but work has not yet started.

  • TBD

    A component for which we don't have status information.

  • Deprecated

    A component that is outdated and no longer recommended for use, potentially to be removed in the future.

  • Not applicable

    A component that is not applicable in the given library or platform.

Status

More component info is available for signed-in users.

Component status across libraries (Sortable by Component)
CSSMarkoReact
Accordion1.1CSS — 1.11.1Marko — 1.11.1React — 1.1
Action barTBACSS — TBATBAMarko — TBATBAReact — TBA
Alert notice: Inline notice2.2CSS — 2.22.2Marko — 2.22.2React — 2.2
Alert notice: Page notice3.0CSS — 3.03.0Marko — 3.03.0React — 3.0
Alert notice: Section notice4.0CSS — 4.04.0Marko — 4.04.0React — 4.0
Avatar1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Badge1.2CSS — 1.21.2Marko — 1.21.2React — 1.2
BannerTBACSS — TBATBAMarko — TBATBAReact — TBA
Breadcrumb1.2CSS — 1.21.2Marko — 1.21.2React — 1.2
Button: Branded buttonTBACSS — TBATBAMarko — TBATBAReact — TBA
Button: CTA button1.6CSS — 1.61.6Marko — 1.61.6React — 1.6
Button: Icon button1.6CSS — 1.61.6Marko — 1.61.6React — 1.6
Button: Link buttonTBACSS — TBATBAMarko — TBATBAReact — TBA
Carousel1.1CSS — 1.11.1Marko — 1.11.1React — 1.1
Ccd2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Chip: Filter chip4.1CSS — 4.14.1Marko — 4.14.1React — 4.1
Chip: Input chip2.1CSS — 2.12.1Marko — 2.12.1React — 2.1
Date picker1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Dialog4.1CSS — 4.14.1Marko — 4.14.1React — 4.1
DividerN/ACSS — N/AN/AMarko — N/AN/AReact — N/A
EEK1.1CSS — 1.11.1Marko — 1.11.1React — 1.1
Education notice1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Expansion1.2CSS — 1.21.2Marko — 1.21.2React — 1.2
Input: Checkbox2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Input: Combobox1.0 - 2.2CSS — 1.0 - 2.21.0 - 2.2Marko — 1.0 - 2.21.0 - 2.2React — 1.0 - 2.2
Input: Dropdown2.2 - 2.3CSS — 2.2 - 2.32.2 - 2.3Marko — 2.2 - 2.32.2 - 2.3React — 2.2 - 2.3
Input: Numeric stepper1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Input: Password2.2CSS — 2.22.2Marko — 2.22.2React — 2.2
Input: Phone number4.0CSS — 4.04.0Marko — 4.04.0React — 4.0
Input: Radio button2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Input: Select list2.2CSS — 2.22.2Marko — 2.22.2React — 2.2
Input: Switch2.1CSS — 2.12.1Marko — 2.12.1React — 2.1
Input: Text area2.2CSS — 2.22.2Marko — 2.22.2React — 2.2
Input: Text field2.2CSS — 2.22.2Marko — 2.22.2React — 2.2
Item tile0.1CSS — 0.10.1Marko — 0.10.1React — 0.1
List row1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Loading: Loading expressive1.1CSS — 1.11.1Marko — 1.11.1React — 1.1
Loading: Skeleton loader1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Media containerTBACSS — TBATBAMarko — TBATBAReact — TBA
Navigation: Top navigation barN/ACSS — N/AN/AMarko — N/AN/AReact — N/A
Pagination2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
PopoverTBACSS — TBATBAMarko — TBATBAReact — TBA
Progress stepper4.1CSS — 4.14.1Marko — 4.14.1React — 4.1
Search field2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Section header4.0CSS — 4.04.0Marko — 4.04.0React — 4.0
Segmented button1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Sheet: Bottom sheetN/ACSS — N/AN/AMarko — N/AN/AReact — N/A
Sheet: Panel2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Signal1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Snackbar2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Tab2.1CSS — 2.12.1Marko — 2.12.1React — 2.1
Table0.1CSS — 0.10.1Marko — 0.10.1React — 0.1
Tip: Tooltip2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Tip: Tourtip2.0CSS — 2.02.0Marko — 2.02.0React — 2.0
Toggle button group1.0CSS — 1.01.0Marko — 1.01.0React — 1.0
Video playerTBACSS — TBA1.0Marko — 1.01.0React — 1.0