<div class="rtds-article-body">
       <h3>Accesso ai Servizi Sanitari Online</h3>
       <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui
           mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque
           eu tellus rhoncus ut eleifend nibh porttitor.
       </p>
       <ul>
           <li>Lorem ipsum dolor sit amet</li>
           <li>Nullam in dui mauris vivamus hendrerit arcu</li>
           <li>Sed auctor neque eu tellus rhoncus</li>
       </ul>
       <p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing</a></p>
   </div>
<div class="rtds-article-body">
    <h3>Accesso ai Servizi Sanitari Online</h3>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui
      mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque
      eu tellus rhoncus ut eleifend nibh porttitor.
    </p>
    <ul>
      <li>Lorem ipsum dolor sit amet</li>
      <li>Nullam in dui mauris vivamus hendrerit arcu</li>
      <li>Sed auctor neque eu tellus rhoncus</li>
    </ul>
    <p><a href="#">Lorem ipsum dolor sit amet consectetur adipiscing</a></p>
  </div>
/* No context defined. */
  • Content:
    name: Article body
    description: article body component
    context:
    variants:
        - name: default
        - name: s
  • URL: /components/raw/article-body/article-body.yml
  • Filesystem Path: components/03-molecules/article-body/article-body.yml
  • Size: 107 Bytes

Article Body

Component used to display article body formatted text content generated with a WYSIWYG editor.

Use Custom utility rtds-article-body.

Tailwind Typography plugin is used as base to style the article body text and typography, including headings, paragraphs, lists, and more. Read Plugin page

Usage

Create a wrapper for the article body text and apply the rtds-article-body class to it.

<div class="rtds-article-body">
    <!-- Article body text content -->
</div>