Components

Typography

Mixed (Text styles)

Styles for headings, paragraphs, lists, and more.

Demo

Taxing Laughter: The Joke Tax Chronicles

Once upon a time, in a far-off land, there was a very lazy king who spent all day lounging on his throne. One day, his advisors came to him with a problem: the kingdom was running out of money.

The King's Plan

The king thought long and hard, and finally came up with a brilliant plan: he would tax the jokes in the kingdom.

"After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."

The Joke Tax

The king's subjects were not amused. They grumbled and complained, but the king was firm:

  • 1st level of puns: 5 gold coins
  • 2nd level of jokes: 10 gold coins
  • 3rd level of one-liners: 20 gold coins

As a result, people stopped telling jokes, and the kingdom fell into a gloom. But there was one person who refused to let the king's foolishness get him down: a court jester named Jokester.

Jokester's Coverage

Jokester began sneaking jokes into conversations, and people loved it. Soon, the entire kingdom was laughing again, and the king was none the wiser.

The People Rejoiced

And so, the people of the kingdom lived happily ever after, telling jokes and laughing at the foolishness of their king.

The End.

Typography Classes

h1. Heading

text-4xl font-extrabold tracking-tight lg:text-5xl

h2. Heading

border-b pb-2 text-3xl font-semibold tracking-tight

h3. Heading

text-2xl font-semibold tracking-tight

h4. Heading

text-xl font-semibold tracking-tight

Paragraph text with leading-7

leading-7

Muted text

text-sm text-muted-foreground

Lead paragraph

text-lg font-semibold
"Blockquote styling"
border-l-2 pl-6 italic
Inline code
bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm

Usage