Feature Row

Single feature with text and image side-by-side (left/right) or stacked (top).

feature-row foundation

Keywords

feature, text-image, showcase

Metadata

Slugfeature-row

Categoryfoundation

Default containerstandard

Statuspublished

Variants

background light · alt · dark

image_position left · right · top

Fields (7)

Eyebrow text
Heading text
Subtext textarea
Image image
CTA link
Image position button_group
Background button_group

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 feature-row"
         data-block="feature-row"
         data-surface="light"
         data-layout="image-left"
                  data-container="standard">
  <div class="container container--standard">
    <div class="feature-row__inner">
      <!-- block content -->
    </div>
  </div>
</section>