ProseLi

MDX `li` element override — muted marker with nested-list spacing resets.

Typography

Usage

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

<ProseLi>List item</ProseLi>

Default

Source

<ProseUl>
  <ProseLi>Item one</ProseLi>
  <ProseLi>
    Item two
    <ProseUl>
      <ProseLi>Nested item</ProseLi>
    </ProseUl>
  </ProseLi>
</ProseUl>

Live CSS

Injected into the previews above. ProseLi

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