Badge Marquee
Installation
Usage
import { BadgeMarquee } from '@/components/pumki-ui/badges/badge-marquee.tsx';<BadgeMarquee />Example
This example needs “Badge Simple”
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| speed | number | 1.2 | Controls the scroll speed of the marquee (higher = faster). |
| background | string | linear-gradient(rgb(82, 100, 77) -43.73%, rgba(82, 100, 77, 0) 129.91%) | Background style for the marquee container. |
| color | string | rgb(134, 156, 128) | Text color for the marquee items. |
| padding | string | 8px 0 | Padding for the marquee container. |
| items | string[] | Required | Array of strings to display and scroll in the marquee. |
| size | number | 128 | Height of the marquee container in pixels. |
| dotColor | string | #fff | Color of the separator dots between marquee items. |
Last updated on