Default Heading Text
Examples using standard h1
to h6
html tags
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
HEADING WITH COLOR TEXT
Examples using standard h1
to h6
html tags
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
HEADING-INVERSE
Examples using heading-inverse
css
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
Heading primary to danger
Examples using heading-primary
to heading-danger
css
h1. Heading
h2. Heading
h3. Heading
h4. Heading
h5. Heading
h6. Heading
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[size] |
Values | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 20 | 22 | 24 | ... | 140 |
Classes | .tx-[viewport]-[size] |
Viewports | xs | sm | md | lg | xl |
Sizes | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 18 | 20 | 22 | 24 | ... | 140 (step of 2) |
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[weight] |
Weight | bold | semibold | medium | normal | light | thin | xthin |
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-[color] |
Colors | primary | success | warning | danger | info | indigo | purple | orange | teal | pink | black | white | inverse |
Classes | .tx-gray-[num] |
Colors | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Classes | .tx-white-[transparency] |
Colors | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
It is Very Easy to Customize and it uses in website apllication.
Classes | .tx-spacing-[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Classes | .tx-spacing--[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 ( negative spacing result ) |
It is Very Easy to Customize and it uses in website apllication.
Classes | .lh-[value] |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
Classes | .lh-[viewport]-[value] |
View Port | xs | sm | md | lg | xl |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |