brand1 · light
Typical timeline
This is a sample body content for the list card.
Initial call Day 1
Insurance verified Days 3–7
First visit Scheduled
/dev/components
Components
Add components in the frontmatter import block, define cases with
eachThemeMode()
or
customCases(), then map and pass
theme and
mode.
Full matrix API lives in
web/src/utils/componentLab.ts.
Card components
ListCard, StatCard, ContentCard, and FeatureCard - same theme × mode samples as the quick grid below.
ListCard
-
-
brand1 · dark
Typical timeline
This is a sample body content for the list card.
Initial call Day 1Insurance verified Days 3–7First visit Scheduled -
brand1 · color
Typical timeline
This is a sample body content for the list card.
Initial call Day 1Insurance verified Days 3–7First visit Scheduled
StatCard
-
brand1 · light
Ages 2–6Primary focus on early intervention for maximum developmental impact.
-
brand1 · dark
Ages 2–6Primary focus on early intervention for maximum developmental impact.
-
brand1 · color
Ages 2–6Primary focus on early intervention for maximum developmental impact.
ContentCard
-
brand1 · light
Service📋Care coordination
We help you navigate insurance and scheduling.
-
brand1 · dark
Service📋Care coordination
We help you navigate insurance and scheduling.
-
brand1 · color
Service📋Care coordination
We help you navigate insurance and scheduling.
FeatureCard
Styling is defined for brand1–3 only; quick samples use those themes.
-
brand1 · light
In-home · preview
Expert support, right when you need it.
Sample description for the component lab.
Get started -
brand1 · dark
In-home · preview
Expert support, right when you need it.
Sample description for the component lab.
Get started -
brand1 · color
In-home · preview
Expert support, right when you need it.
Sample description for the component lab.
Get started