steep components
All components

TrustBar

Four-up trust row with icon + label, supports a $X threshold token.

components/trust-bar.tsxPeer deps: lucide-react

Live preview

  • Secure checkout via Stripe
  • 30-day money-back guarantee
  • Support replies within 24h
  • Free returns on orders over $50

Usage

import { TrustBar } from "@/components/trust-bar";
import { Lock, Truck } from "lucide-react";

<TrustBar
  items={[
    { icon: Lock,  label: "Secure checkout via Stripe" },
    { icon: Truck, label: "Free shipping over $X" },
  ]}
  freeShippingThresholdCents={5000}
/>