Skip to main content

CardsWithCheckboxes Component

Cards with checkbox-style bullet points. Great for outcomes, checklists, or benefits lists.

Multiple Cards

Multiple Outcome Cards

First Outcome

Benefit number one

Benefit number two

Benefit number three

Second Outcome

Another great benefit

And one more here

Plus this final one

Single Card

Single Outcome Card

Key Benefits

This is the first key benefit of using our product

Here's another important advantage to consider

And finally, this third benefit seals the deal

Many Items

Comprehensive Checklist

Everything You Get

Item one in the checklist

Item two with more details

Item three explaining benefits

Item four with additional info

Item five to round things out

Props

PropTypeDefaultDescription
titlestringrequiredSection heading
cardsarrayrequiredArray of card objects

Card Object

PropertyTypeDescription
titlestringCard heading (centered)
itemsstring[]Array of checkbox items

See Serenity in action

A short walkthrough focused on one of your use cases.