Paragraph
Below you can find paragraph component styled with tailwindcss.
Preview - Large sized paragraph with regular font weight
Paragraph with size="large" and weight="regular"
HTML
<p class="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-[175%] font-normal">Paragraph with size="large" and weight="regular"</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-[175%] font-normal">Paragraph with size="large" and weight="regular"</p>
Preview - Large sized paragraph with bold font weight
Paragraph with size="large" and weight="bold"
HTML
<p class="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-[175%] font-bold">Paragraph with size="large" and weight="bold"</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-[175%] font-bold">Paragraph with size="large" and weight="bold"</p>
Preview - Medium sized paragraph with regular font weight
Paragraph with size="medium" and weight="regular"
HTML
<p class="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-[175%] font-normal">Paragraph with size="medium" and weight="regular"</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-[175%] font-normal">Paragraph with size="medium" and weight="regular"</p>
Preview - Medium paragraph with bold font weight
Paragraph with size="medium" and weight="bold"
HTML
<p class="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-[175%] font-bold">Paragraph with size="medium" and weight="bold"</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-[175%] font-bold">Paragraph with size="medium" and weight="bold"</p>
Preview - Small paragraph
Paragraph with size="small"
HTML
<p class="dark:text-white font-sans tracking-normal text-neutral-400 text-xs font-normal leading-[150%] font-normal">Paragraph with size="small"</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-xs font-normal leading-[150%] font-normal">Paragraph with size="small"</p>