User Manual

Paragraph

Small component used to display text or a paragraph. Using modifier text can be adjusted, this component should only be used for blocks of text not contained within a component.

Bold

This is some text 


    
      

  

<p class="a-paragraph a-paragraph--bold">
  This is some text
</p>

Default

This is some text 


    
      

  

<p class="a-paragraph ">
  This is some text
</p>

Large

This is some text 


    
      

  

<p class="a-paragraph a-paragraph--1x-large">
  This is some text
</p>

Modifiers

  • a-paragraph--bold

    Render the text in bold

  • a-paragraph--italic

    Render the text in italic

  • a-paragraph--1x-large

    Render the text larger than its original version, but styled with the typographic elements of a h3