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