StrengthList

Enumerated "large number + title + body" strengths list, stacked vertically with hairline dividers between entries.

Content

Usage

import { StrengthList } from "@zudo-sg/ui/src/landing/strength-list/strength-list";

<StrengthList heading="Our strengths" strengths={strengths} />

Default

Narrow (number stacks above body)

import { StrengthList } from "@zudo-sg/ui/src/landing/strength-list/strength-list";

<StrengthList heading="Our strengths" strengths={strengths} />

Injected into the previews above. StrengthList

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */