Components
Console
src/components/tabs.tsxTabs
Underline tabs for in-page navigation and filtering. The active tab reads in ink, and so does the keyboard focus ring.
Underline tabs
Buttons by default. Click to switch.
As a filter: Teen / Adult
The enrollment catalog's audience filter. Underline (not pills) so it never competes with our pill buttons.
Links
With an href a tab renders as a Next link and gets the SafeWay focus ring.
Used on
- Console
- /console/fleet/[id]/console/locations/[id]/console/locations/franchises/[id]/console/people/[id]