# Prose

Typography styles for raw HTML content: headings, lists, quotes, code and tables.

Group: Layout

## Import

```tsx
import { Prose } from "@indoku/ui"
```

## Examples

### Basic usage

```tsx
function ProseDemo() {
  return (
    <Prose>
      <h2>Judul bagian</h2>
      <p>
        Paragraf dengan <strong>tebal</strong>, <em>miring</em>, <a href="#prose">tautan</a>, dan <code>kode</code>. Tekan <kbd>Ctrl</kbd> + <kbd>C</kbd> untuk menyalin.
      </p>
      <ul>
        <li>Item pertama</li>
        <li>Item kedua</li>
      </ul>
      <blockquote>Kutipan yang enak dibaca.</blockquote>
      <table>
        <thead>
          <tr>
            <th>Nama</th>
            <th>Peran</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Sage</td>
            <td>Pencipta</td>
          </tr>
        </tbody>
      </table>
    </Prose>
  )
}
```

## Props

### Prose

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `size` | `"md" \| "lg"` |  |  |

`*` = required. Style props and HTML attributes are accepted too.