Availability

story · 4 variants · pages: contact, about

npx shadcn-vue@latest add @trame/content-availability   # Vue
npx shadcn@latest add @trame/content-availability       # React

statement @trame/content-availability--statement

A capacity statement with concise cells, the merchant's own availability only.
quarter-cards @trame/content-availability--quarter-cards

Period cards with supplied capacity bars, the merchant's own slots only.
engagement-table @trame/content-availability--engagement-table

An offer ledger with status and next start, the merchant's own dates only.
timezone-bars @trame/content-availability--timezone-bars

Working-hour rows on a shared day axis, the merchant's own hours and timezone labels only.