🚧 Under Construction

This component documentation is currently being developed. Some features may be incomplete.

Paragraph

HTML Markup

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident minus officiis id, nemo ratione iusto porro magnam dolore omnis iste itaque voluptatum eum atque aliquid magni sequi perferendis voluptatibus. Enim nostrum tempora sint rerum. Delectus beatae maiores aspernatur doloremque veritatis, fuga sequi tempora ipsa voluptas totam alias placeat excepturi quos cumque consectetur laboriosam. Minima vitae tenetur fuga fugiat voluptatibus? Itaque?</p>

Overview

Paragraph elements (<p>) are used for blocks of text in the HTWOO design system. They are styled consistently for readability and proper spacing between blocks of content.

Usage

Use paragraph elements for blocks of textual content. Multiple paragraphs create visual separation between ideas or concepts.

Example:

<p>This is the first paragraph of content that provides an introduction.</p>
<p>This second paragraph continues the content with additional details and information.</p>

Accessibility

Paragraphs should use proper semantic structure
Text should have sufficient contrast with its background
Line length should be limited to improve readability
Spacing between paragraphs helps to create visual separation and improves readability