Headers
Below you can find headers components styled with tailwindcss.
Preview -
H1 Header
HTML
<h1 class="font-sans font-normal text-xxl leading-125 tracking-none">H1 Header</h1>React
<h1 className="font-sans font-normal text-xxl leading-125 tracking-none">H1 Header</h1>Preview -
H2 Header
HTML
<h2 class="font-sans font-bold text-xl leading-125 tracking-normal">H2 Header</h2>React
<h2 className="font-sans font-bold text-xl leading-125 tracking-normal">H2 Header</h2>Preview -
H3 Header
HTML
<h3 class="font-sans font-bold text-lg leading-125 tracking-normal">H3 Header</h3>React
<h3 className="font-sans font-bold text-lg leading-125 tracking-normal">H3 Header</h3>Preview -
H4 Header
HTML
<h4 class="font-sans font-bold text-md leading-125 tracking-normal">H4 Header</h4>React
<h4 className="font-sans font-bold text-md leading-125 tracking-normal">H4 Header</h4>Preview -
H5 Header
HTML
<h5 class="font-sans font-bold text-sm leading-150 tracking-normal">H5 Header</h5>React
<h5 className="font-sans font-bold text-sm leading-150 tracking-normal">H5 Header</h5>Preview -
H6 Header
HTML
<h6 class="font-sans font-bold text-xs leading-tight tracking-normal">H6 Header</h6>React
<h6 className="font-sans font-bold text-xs leading-tight tracking-normal">H6 Header</h6>