ProseOl

MDX `ol` element override — decimal-numbered list.

Typography

Usage

import { ProseOl } from "@zudo-sg/ui/src/content/prose-ol/prose-ol";
import { ProseLi } from "@zudo-sg/ui/src/content/prose-li/prose-li";

<ProseOl>
  <ProseLi>Step one</ProseLi>
</ProseOl>

Default

Source

<ProseOl>
  <ProseLi>Step one</ProseLi>
  <ProseLi>Step two</ProseLi>
  <ProseLi>Step three</ProseLi>
</ProseOl>

Live CSS

Injected into the previews above. ProseOl

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