Lead Paragraph

Description

Lead paragraph for screamer and other sections with a standalone block of text

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-lead-paragraph;

Usage

Usage example

This is how a lead paragraph will look.

This is how a lead paragraph large will look.

Variations

The variations are modifier classes that can be applied on the default element.

lead-paragraph--large

Use to display more prominent lead paragraph.

This is how a lead paragraph will look.

This is how a lead paragraph large will look.

Code example


  <p class="lead-paragraph">This is how a lead paragraph will look.</p>
  <p class="lead-paragraph lead-paragraph--large">This is how a lead paragraph large will look.</p>