Feature with chips

A centred heading + intro above a responsive row of stat chips. The chips-only sibling of feature-row-with-chips.

feature-with-chips foundation

Keywords

chips, stats, highlights, facts

Metadata

Slugfeature-with-chips

Categoryfoundation

Default containerstandard

Statuspublished

Variants

background light · alt · dark

alignment centred · left

Fields (6)

Eyebrow text
Heading text
Intro textarea
Alignment button_group
Background button_group
Chips repeater

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-with-chips"
         data-block="feature-with-chips"
         data-surface="alt"
                  data-container="standard">
  <div class="container container--standard">
    <div class="feature-with-chips__inner">
      <!-- block content -->
    </div>
  </div>
</section>