Paragraphs

The standard typography unit, available in large, default, small, tiny and nano sizes. Uses the brand's main typeface: Satoshi.

PNano: The quick brown fox jumps over the lazy dog

PTiny: The quick brown fox jumps over the lazy dog

PSmall: The quick brown fox jumps over the lazy dog

P: The quick brown fox jumps over the lazy dog

PLarge: The quick brown fox jumps over the lazy dog

1import {
2  PNano,
3  PTiny,
4  PSmall,
5  P,
6  PLarge
7} from '@hummingbot/hbui/elements/typography'
8
9<PNano>The quick brown fox jumps over the lazy dog</PNano>
10<PTiny>The quick brown fox jumps over the lazy dog</PTiny>
11<PSmall>The quick brown fox jumps over the lazy dog</PSmall>
12<P>The quick brown fox jumps over the lazy dog</P>
13<PLarge>The quick brown fox jumps over the lazy dog</PLarge>

Headlines

Standard headline elements. Font: Satoshi.

H6: The quick brown fox jumps over the lazy dog

H5: The quick brown fox jumps over the lazy dog

H4: The quick brown fox jumps over the lazy dog

H3: The quick brown fox jumps over the lazy dog

H2: The quick brown fox jumps over the lazy dog

H1: The quick brown fox jumps over the lazy dog

1import {
2  H6,
3  H5,
4  H4,
5  H3,
6  H2,
7  H1
8} from '@hummingbot/hbui/elements/typography'
9
10<H6>The quick brown fox jumps over the lazy dog</H6>
11<H5>The quick brown fox jumps over the lazy dog</H5>
12<H4>The quick brown fox jumps over the lazy dog</H4>
13<H3>The quick brown fox jumps over the lazy dog</H3>
14<H2>The quick brown fox jumps over the lazy dog</H2>
15<H1>The quick brown fox jumps over the lazy dog</H1>

Labels

Typography elements for forms, these use the font "Inter" for better readability in small sizes. Available in default, small, tiny and nano sizes.

LabelNano: The quick brown fox jumps over the lazy dog

LabelTiny: The quick brown fox jumps over the lazy dog

LabelSmall: The quick brown fox jumps over the lazy dog

Label: The quick brown fox jumps over the lazy dog

1import {
2  LabelNano,
3  LabelTiny,
4  LabelSmall,
5  Label
6} from '@hummingbot/hbui/elements/typography'
7
8<LabelNano>LabelNano: The quick brown fox jumps over the lazy dog</LabelNano>
9<LabelTiny>LabelTiny: The quick brown fox jumps over the lazy dog</LabelTiny>
10<LabelSmall>LabelSmall: The quick brown fox jumps over the lazy dog</LabelSmall>
11<Label>Label: The quick brown fox jumps over the lazy dog</Label>