Horizontal Tabs
Scrollable profile/category tab row used across listing pages.
Scrollable profile/category tab row used across listing pages.
import { HorizontalTabItem, HorizontalTabs } from "@coss/ui/shared/horizontal-tabs";Example
Composition matches a real product call site. Copy is paraphrased.
apps/web · booking links profile tabs
Call sites
| File | Notes |
|---|---|
apps/web/modules/event-types/views/event-types-listing-view.tsx | Profile tabs |
apps/web/modules/apps/apps-view.tsx | App categories |
apps/web/modules/event-types/components/EventTypeLayout.tsx | Mobile event-type page nav |
apps/web/modules/events/components/event-editor-layout.tsx | Mobile event editor page nav |
Example URLs
Not exhaustive — a few places you can open locally (e.g. http://localhost:3000) to see this in product.
| Path | Notes |
|---|---|
/event-types | Profile / team tabs |
/apps | App store category tabs |
/event-types/<id>?tabName=setup | Mobile underline page nav |
/events/<id> | Mobile underline page nav |
Source
On This Page