Beta
News Card
Auto-cycling news module — timestamp whisper, a bold ink headline, and dot pagination that resets the clock.
News Card
Auto-cycling news module — timestamp whisper, a bold ink headline, and dot pagination that resets the clock.
When to use it
A small slot that has to carry several headlines over time, such as a sidebar or a dashboard corner. The cycle resets on interaction, so a reader who engages is never scrolled away from mid-sentence.
Install
Adds News Card and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/news-card.jsonProps · NewsCard
| Prop | Type | Default |
|---|---|---|
| items? | NewsItem[] | DEFAULT_ITEMS |
| title? | string | "Market news" |
| cycleMs? | number | 5200 |
Generated from the component source. Run npm run props:extract after changing a signature.