Typography

---
import { Typography } from '@santi020k/lumen-astro'
---

<Typography>
  <h2>Release notes</h2>
  <p>Lumen now ships production documentation with live examples.</p>
  <ul>
    <li>Sixty-four primitives</li>
    <li>Three framework targets</li>
  </ul>
</Typography>

import { Typography } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Typography>
      <h2>Release notes</h2>
      <p>Lumen now ships production documentation with live examples.</p>
      <ul>
        <li>Sixty-four primitives</li>
        <li>Three framework targets</li>
      </ul>
    </Typography>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-typography>
  <h2>Release notes</h2>
  <p>Lumen now ships production documentation with live examples.</p>
  <ul>
    <li>Sixty-four primitives</li>
    <li>Three framework targets</li>
  </ul>
</lumen-typography>