Use the typography elements directly. They are all responsive by default and will ensure typographic consistency.
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>Standard headline elements. Font: Satoshi.
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>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>