Badge Marquee
Pumki UIInstallation
Usage
import { BadgeMarquee } from '@/components/pumki-ui/badges/badge-marquee.tsx';<BadgeMarquee />Example
This example needs “Badge Simple”
Pumki UIProps
| 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