Skip to content

Component Name

Description of the component in 1-2 sentences.

Overview

Short description that provides more context into the uniqueness of the specific component option.

Variations

If there are variations of the component, provide a short description of Variation #1

Variation #1 title

Section 1 Title

This is section 1 content.

This is section 2 content.

This is section 3 content.

Variation #2 Title

Section 1

This is section 1 content.

This is section 2 content.

This is section 3 content.

Read More is used when a section has a large amount of content that can be reduced by using the Reveal/Hide feature. Clicking the text link label, "Read More" will expand reveal the additional content, while "Read Less" will hide it.

This is the intro area for the accordion.  Include part of the text to hook the visitor etc.

This is section content hidden until the Read More button is clicked. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content. This is section content.

Use When

  • Use bulleted format
  • Why to use this component on a page.
  • When to use this component to support page content

Content

  • Important information on what content should be used in this component
  • Copy and/or character length
  • Capitalization
  • Image sizes
  • Accessibility guidance (alt text, etc.)

Additional Notes

  • Any other information that may not fall directly into the sections above

Component

  • How to build the component and use it's different style options
  • What options are available within the component and when to use them

Do not

  • Pitfalls and mistakes to avoid when using the component

author dialog box