Logo Cloud Section
Present supporting brands in a responsive logo section.
Preview
Import
import { LogoCloudSection } from "@sigil-ui/components";Usage
<LogoCloudSection heading="Works with your stack" logos={[{ name: "React", logo: <BrandLogo name="react" className="size-8" /> }, { name: "Next.js", logo: <BrandLogo name="nextdotjs" className="size-8" /> }, { name: "TypeScript", logo: <BrandLogo name="typescript" className="size-8" /> }, { name: "Tailwind CSS", logo: <BrandLogo name="tailwindcss" className="size-8" /> }]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
heading | string | — | Heading configuration. |
logos (required) | LogoCloudItem[] | — | Logos configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-content-max | Content max |
--s-page-margin | Page margin |
--s-text-subtle | Text subtle |
--s-duration-normal | Duration normal |