Incentives

Feature callouts for shipping / returns / warranty etc.; three-column responsive grid.

Preview

Free shipping

On every order over $50.

10-year warranty

We stand behind our products.

Easy returns

Return any item, any time.

React preview

LiveView (HEEx)

alias DesignSystem.UI.Incentives

<Incentives.incentives items={[
  %{name: "Free shipping", description: "Over $50.", icon: "hero-truck"},
  %{name: "Easy returns", description: "Any time.",   icon: "hero-gift"}
]} />

React (JSX)

import { TruckIcon } from "@heroicons/react/24/outline"
import { Incentive } from "../ui/index.mjs"

<Incentive
  items={[
    { name: "Free shipping", description: "Over $50.", icon: <TruckIcon className="size-8" /> },
  ]}
/>