Typography
Display different font size and font family going to be used in the theme
This is typed in H1
This is typed in H2
This is typed in H3
This is typed in H4
This is typed in body
This is typed in body blod
This is typed in small
This is typed in small blod
fonts
Add according to usage
Primary tw-font
font Weights 100
font Weights 200
font Weights 300
font Weights 400
font Weights 500
font Weights 600
font Weights 700
font Weights 800
font Weights 900
Secondary font
font Weights 100
font Weights 200
font Weights 300
font Weights 400
font Weights 500
font Weights 600
font Weights 700
font Weights 800
font Weights 900
Buttons
Add button design here
Class to use
.button--primary
Add button disabled Style
Attibutes can be use
disabled
Colors
Few colors are already available out of the box check here for more
.tw-bg-orange-700for the orange
.tw-bg-lime-500for the lime
.tw-bg-cyan-500for the cyan
.tw-bg-fuchsia-600for the fuchsia
Custom Colors can be added through the tailwind.config.js below are example
.tw-bg-flyers-yellowfor the Custom Yellow
.tw-bg-flyers-grayfor the Custom Gray
.tw-bg-flyers-blackfor the Custom Black