Typography

Preview

The Joke Tax Chronicles

Once upon a time, in a far-away land, there was a very peculiar king who instituted a "Joke Tax." Anyone who told a joke that didn't make him laugh had to pay a gold coin.

Installation

npx skeci-ui add typography

Usage

import { Title, Paragraph } from '@/components/ui/typography';

<Title>Skeci UI</Title>
<Paragraph>Beautifully sketchy components for React.</Paragraph>

Variants

Heading Levels

Level 3 Heading

Level 4 Heading

Text Styles

"A joke is a very serious thing." — Winston Churchill

Small text

Caption text

npm install

Font Families

This is the Virgil font (handwritten style).

This is the default sans-serif font.

Props

All typography components accept standard HTML attributes and the following:

Prop	Type	Default	Description
font	'virgil' | 'normal'	'virgil'	The font family to use.
asChild	boolean	false	Whether to merge props onto the child element.