Trust Badges

Trust badge display

Marketing BlockSocial Proof

Overview

Displays a centered flex-wrap row of trust badges. Each badge shows an image and a label below it. Badges can optionally link to external certification pages.

Usage

import { TrustBadges } from "@leanicon/web-builder-library";

Default

Static badges with image and label.

ISO 27001
SOC 2 Certified
GDPR Compliant
HIPAA Compliant

With links

Add href to make badges clickable. Links open with rel="noopener noreferrer" and show a hover opacity transition.

Mixed (some with links)

Only badges with href become clickable anchors; the rest render as plain div elements.

Dark mode

ISO 27001
SOC 2 Certified
GDPR Compliant
HIPAA Compliant

Props

Prop	Type	Default	Description
`badges`	`BadgeItem[]`	—	Array of badge objects (required)
`colorScheme`	`"light" \| "dark"`	—	Force light or dark mode
`className`	`string`	—	Additional CSS classes on root

BadgeItem

Prop	Type	Description
`image`	`ImageProps`	Badge image with `src`, `alt`, optional `width`/`height`
`label`	`string`	Label text displayed below the image
`href`	`string?`	Optional URL — wraps badge in an anchor tag

Notes

Badge images are rendered at h-12; provide square or portrait-ratio images for best results.
External links use rel="noopener noreferrer" with hover:opacity-80.
Dark mode: pass colorScheme="dark" or place inside a .dark ancestor.

Props

Name	Type	Default	Required
`badges`	`BadgeItem[]`	—	Yes
`colorScheme`	`enum`	—	No
`className`	`string`	—	No