Tailwind

Typography

Provides a variety of globally scoped typographic styles. Keeps common tags styled consistently throughout an app.

Source Page Source

Excluding Styles

Use the .unstyled class to exclude and reset Skeleton's typography styles, then apply new styles as desired.

Unstyled H2

Unstyled paragraph element.

Unstyled anchor element.

Tailwind Prose Plugin

If you're using the Tailwind Typography plugin, all typography within the .prose class will be auto-excluded, allowing the plugin to handle most styles. Global styles like base text color will remain.


Headings

Skeleton H1

Skeleton H2

Skeleton H3

Skeleton H4

Skeleton H5
Skeleton H6

Paragraph

The quick brown fox jumps over the lazy dog.

Anchor

Blockquote

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Expedita cupiditate dolores dignissimos maiores doloremque fugiat, dolore doloribus nisi, repellendus mollitia nostrum, commodi a minus aperiam deleniti. Velit rerum ut tempora!

Pre-formatted Text

The quick brown fox jumps over the lazy dog.

Code

.myExampleClass

Keyboard

Press ⌘ + C to copy.

Insertion / Deletion

Always Gonna Give You Up Never Gonna Give You Up