Item Label
Color stripe used inside ListItem. Not imported directly in product — pass labelColorLight / labelColorDark on ListItem.
Color stripe used inside ListItem. Not imported directly in product — pass labelColorLight / labelColorDark on ListItem.
import { ItemLabel } from "@coss/ui/shared/item-label";Example
Composition matches a real product call site. Copy is paraphrased.
apps/web · booking links / bookings (via ListItem)
15 Min Meeting
A short intro call.
Call sites
| File | Notes |
|---|---|
apps/web/modules/event-types/views/event-types-listing-view.tsx | Via ListItem labelColor* |
apps/web/components/booking/BookingListItem.tsx | Via ListItem labelColor* |
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 | Event type list label colors |
/bookings/upcoming | Booking list label colors |
Source
On This Page