Paragraph

Basic paragraph, with markdown support.

---

Props

• label (string): Paragraph content. Supports full markdown.
• [OPTIONAL] id (string): id HTML attribute to set to the element.
• [OPTIONAL] modifiers (string): List of modifiers to apply to the element. Defaults to "".
• [OPTIONAL] itemProp (string): itemprop HTML attribute to set to the element.

---

Syntax

React

<UIP
  id="my-id"
  modifiers="large primary"
  label="Lorem ipsum dolor sit amet, *consectetur* adipiscing elit."
  itemProp="description"
/>

Vue

<UIP
  id="my-id"
  modifiers="large primary"
  label="Lorem ipsum dolor sit amet, *consectetur* adipiscing elit."
  item-prop="description"
/>

Svelte

<UIP
  id="my-id"
  modifiers="large primary"
  label="Lorem ipsum dolor sit amet, *consectetur* adipiscing elit."
  itemProp="description"
/>

HTML

<p class="ui-p ui-p--large--primary" id="my-id" itemprop="description">
  Lorem ipsum dolor sit amet, <span class="ui-markdown ui-markdown--emphasis">consectetur</span> adipiscing elit.
</p>