Sigta UI · Kit

Editor

Rich text (TipTap)

Project brief

Bold, italic, headings, lists, quotes, code. Saved as HTML.

Source

<sigta:editor
        name="body"
        label="Project brief"
        description="Bold, italic, headings, lists, quotes, code. Saved as HTML."
        :value="'<h2>Written by hand</h2><p>We design and build software the <strong>careful</strong> way — then keep the best of it as <em>products we run ourselves</em>.</p><ul><li>Researched</li><li>Drawn</li><li>Tested</li></ul>'"
    />

Empty + error state

Notes

Notes can't be empty.

Source

<sigta:editor name="empty" label="Notes" error="Notes can't be empty." />