Logo Carousel
Animated hero logo carousel with reduced-motion fallback.
Import
tsx
import { LogoCarousel } from "@cronus-ui/ui";
bash
npx cronus-ui add logo-carousel
Examples
.cronus
The same component declared in Cronus. Emitted at build time from the audit fixtures — the kernel renders it as HTML with no React.
default.cronus
app "audit-fixtures" {
port 5176
}
style {
preset aurora
theme dark
}
component LogoCarouselDefault layout:inline style:logo-carousel {
aria-label:"Logos"
label "Logos"
text "Acme"
text "Globex"
}
page "/audit/logo-carousel/default" type:custom {
use LogoCarouselDefault
}
API Reference
Generated from the component's exported types.
LogoCarouselProps
Extends HTMLAttributes<HTMLUListElement>
| Prop | Type | Default | Description |
|---|---|---|---|
items* | LogoCarouselItem[] | — | — |
columns | number | — | — |
columnCount | number | — | Alias kept for snippets that call this pattern `columnCount`. |
interval | number | 2200 | — |
staggerDelay | number | 0.07 | — |
pauseOnHover | boolean | true | — |
ariaLabel | string | "Logo carousel" | — |
variant | LogoCarouselVariant | "ghost" | Visual variant. |
size | LogoCarouselSize | "lg" | Control size. |
motionPreference | LogoCarouselMotionPreference | "user" | — |
itemClassName | string | — | — |
logoClassName | string | — | — |
className | string | — | Additional class names merged onto the root. |
children | ReactNode | — | Contents of the component. |
id | string | — | DOM id of the root element. |