Prose

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

Import

tsx

import { Prose } from "@indoku/ui"

Examples

Basic usage

Judul bagian

Paragraf dengan tebal, miring, tautan, dan kode. Tekan Ctrl + C untuk menyalin.

Item pertama
Item kedua

Kutipan yang enak dibaca.

Nama	Peran
Sage	Pencipta

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 as well.

← Kbd Message Scroller →

Created by @indokudev