Rich Text

WYSIWYG content block for long-form copy. Width + alignment selectable.

rich-text editorial

Keywords

text, content, wysiwyg, copy

Metadata

Slugrich-text

Categoryeditorial

Default containerstandard

Statuspublished

Variants

background light · alt · dark

width narrow · standard · wide

alignment left · centred

size md · lg

Fields (5)

Width button_group
Alignment button_group
Background button_group
Padding button_group
Content textarea

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section rich-text"
         data-block="rich-text"
         data-surface="light"
                  data-container="standard">
  <div class="container container--standard">
    <div class="rich-text__inner">
      <!-- block content -->
    </div>
  </div>
</section>