Skip to Content

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=&quot;large&quot; and weight=&quot;regular&quot;</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-175 font-normal">Paragraph with size=&quot;large&quot; and weight=&quot;regular&quot;</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=&quot;large&quot; and weight=&quot;bold&quot;</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-base leading-175 font-bold">Paragraph with size=&quot;large&quot; and weight=&quot;bold&quot;</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=&quot;medium&quot; and weight=&quot;regular&quot;</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-175 font-normal">Paragraph with size=&quot;medium&quot; and weight=&quot;regular&quot;</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=&quot;medium&quot; and weight=&quot;bold&quot;</p>
React
<p className="dark:text-white font-sans tracking-normal text-neutral-400 text-sm leading-175 font-bold">Paragraph with size=&quot;medium&quot; and weight=&quot;bold&quot;</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=&quot;small&quot;</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=&quot;small&quot;</p>