20K+
Active members
2000+
Vetted freelancers
700+
Projects delivered
<StatsRow.Root>
<StatsRow.Item>
<StatsRow.Value>20K+</StatsRow.Value>
<StatsRow.Label>Active members</StatsRow.Label>
</StatsRow.Item>
<StatsRow.Divider />
<StatsRow.Item>…</StatsRow.Item>
</StatsRow.Root>The dividers are your own children rather than something the root injects, so a two-column row and a four-column row both work without a count prop.
API
StatsRow.Root
| Prop | Type | Default | |
|---|---|---|---|
bordered | boolean | true | Adds the top hairline + spacing used when the row closes a hero. |
Plus every <div> prop. Source: landing/components/stats-row/root.tsx.
StatsRow.Divider
Plus every <div> prop. Source: landing/components/stats-row/divider.tsx.
StatsRow.Item
Plus every <div> prop. Source: landing/components/stats-row/item.tsx.
StatsRow.Label
Plus every <p> prop. Source: landing/components/stats-row/label.tsx.
StatsRow.Value
Plus every <p> prop. Source: landing/components/stats-row/value.tsx.