Logo Carousel
DisplayAuto-scrolling logo strip for marketing social-proof sections.
Logo CarouselDisplay · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Logo Carousel from @otfdashkit/ui.
Code
// Logo Carousel — Auto-scrolling logo strip for marketing social-proof sections.
//
// Install:
// bun add @otfdashkit/ui
import { LogoCarousel } from '@otfdashkit/ui'
export function Example() {
return (
<LogoCarousel>
{/* your content */}
</LogoCarousel>
)
}Props
Props declared in the LogoCarousel source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| logosrequired | ReactNode[] | Logo nodes (text, <img>, <svg>, or any React element). | |
| direction | 'left' | 'right' | 'left' | Direction of travel. Default 'left'. |
| duration | number | 30 | Travel duration in seconds. Lower = faster. Default 30. |
| fadeEdges | boolean | true | Faded edges so logos enter/exit smoothly. Default true. |
| gap | string | number | '3rem' | Gap between logos (any valid CSS length). Default '3rem'. |
| pauseOnHover | boolean | true | Pause the marquee when hovering. Default true. |