Typography

Headings, prose and inline text styles.

The Joke Tax Chronicles

Once upon a time, in a far-off land, a king levied a tax on the jokes told in his kingdom.

The King's Plan

He took a profound new approach to the kingdom's finances.

import { BuiTypography } from 'ng-blatui';

<h1 buiTypography variant="h1">The quick brown fox</h1>
<p buiTypography variant="lead">A modern Angular UI library.</p>

Headings

Heading 1

Heading 2

Heading 3

Heading 4

<h1 buiTypography variant="h1">Heading 1</h1>
<h2 buiTypography variant="h2">Heading 2</h2>
<h3 buiTypography variant="h3">Heading 3</h3>

Text styles

A modal dialog that interrupts the user with important content.

Are you absolutely sure?

Email address

Enter your email address.

<p buiTypography variant="lead">Lead paragraph.</p>
<p buiTypography variant="large">Large</p>
<p buiTypography variant="small">Small</p>
<p buiTypography variant="muted">Muted</p>

Blockquote

"In the quiet after repeal, the streets filled with unexpected laughter — small rebellions of joy," she recalled.

<blockquote buiTypography variant="blockquote">"…quote…"</blockquote>

List

A single troubadour's chuckle
Morning whispers in the bazaar
Nightly lantern laughter

<ul buiTypography variant="list"><li>Item one</li><li>Item two</li></ul>

Gradient

Dawn light in a single line

<h1 buiTypography variant="gradient">Dawn light in a single line</h1>