Typography

<gstock-typography> | GstockTypography
The quick brown fox jumps over the lazy dog. 
<gstock-typography>
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Colors

Use the color attribute to set the typography color.

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography color="primary">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography color="secondary">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography color="tertiary">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography color="success">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography color="danger">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Weight

Use the weight attribute to set the typography color.

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<br />

<gstock-typography weight="100">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="200">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="300">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="400">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="500">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="600">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="700">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="800">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="900">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<br />

<gstock-typography weight="bolder">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography weight="lighter">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Sizes

Use the size attribute attribute to set the typography size.

Xsmall

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography size="xsmall" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography size="xsmall" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Small

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography size="small" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography size="small" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Medium

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography size="medium" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography size="medium" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Large

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography size="large" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography size="large" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Heading

Header 6

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h6" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h6" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Header 5

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h5" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h5" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Header 4

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h4" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h4" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Header 3

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h3" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h3" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Header 2

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h2" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h2" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

Header 1

The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. 
<gstock-typography heading="h1" weight="normal">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>

<gstock-typography heading="h1" weight="bold">
  The quick brown fox jumps over the lazy dog.
</gstock-typography>