News Ticker
A basic ticker strip for compact status updates.
Interactive preview · desktop · dark
Installation
Installation is available on the Startup and Business plans. Your personal install command appears here once you have access.
Usage
Import it, pass your props, and make it part of your product.
example.tsx
import { TickerBasic } from '@/components/component-kit/items/ticker-basic';
export function Example() { return ( <TickerBasic label="Latest updates" items={[{ id: "1", label: "Your workspace is ready" }, { id: "2", label: "New components added" }]} /> );}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | TickerItem[] | — | Items with an id and label. |
mode | "continuous" | "manual" | continuous | Automatic scrolling or manual paging. |