Components
LogoCloudSection
Horizontal logo strip with grayscale-to-color hover effect.
Import
import { LogoCloudSection } from "@sigil-ui/components";Preview
Usage
<LogoCloudSection
heading="Trusted by teams at"
logos={[
{ name: "Vercel", logo: <VercelLogo /> },
{ name: "Stripe", logo: <StripeLogo /> },
{ name: "GitHub", logo: <GitHubLogo /> },
]}
/>Without heading
<LogoCloudSection
heading=""
logos={logos}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
heading | string | "Trusted by teams at" | Text above the logo row |
logos | LogoCloudItem[] | required | Array of { name, logo } where logo is a ReactNode (SVG or img) |
className | string | — | Additional CSS classes |
Logos render at 24px height with grayscale filter that clears on hover.
Plus all standard <section> HTML attributes.