Components
LogoBar
Social proof logo showcase bar with grayscale-to-color hover transition.
Import
import { LogoBar } from "@sigil-ui/components";Preview
Usage
<LogoBar
logos={[
{ src: "/logos/vercel.svg", alt: "Vercel" },
{ src: "/logos/stripe.svg", alt: "Stripe" },
{ src: "/logos/linear.svg", alt: "Linear" },
{ src: "/logos/supabase.svg", alt: "Supabase" },
]}
/>In a section
<section className="py-12 text-center">
<p className="text-sm text-[var(--s-text-muted)] mb-6">Trusted by teams at</p>
<LogoBar logos={logos} />
</section>Props
| Prop | Type | Default | Description |
|---|---|---|---|
logos | LogoBarItem[] | — | Logos to display ({ src, alt }) |
className | string | — | Additional CSS classes |
LogoBarItem
| Field | Type | Description |
|---|---|---|
src | string | Image source URL |
alt | string | Alt text for accessibility |