Use Tabs to organize your content in logical groupings.
Evergreen exports the following components to build tabbed navigation.
The Tab
component should be wrapped in a Tablist
or TabNavigation
component
to comply to WAI-ARIA accessibility standards.
If you are not using a link (a
tag) for your Tab,
make sure to wrap in a Tablist
, see examples below.
If you are using a link (a
tag), make sure to wrap your tabs in a TabNavigation
component.
If you are using a link (a
tag), make sure to wrap your tabs in a TabNavigation
component.