Logo Cloud Switch
Logo clouds
Source and install need .
pnpm dlx shadcn@latest add @assembli/press-awardsPress & Awards
"As featured in" section: a row of publication wordmarks that work as tabs. Hover, click or arrow to a publication and its pull-quote eases in with author, date and a link to the article. Quotes advance slowly on their own, with a hairline filling under the active mark, and pause on hover, focus or the pause button. Below, laurel-wreath award badges drawn in SVG.
- Dependencies
- lucide-react(npm, opens in a new tab)
Props
Other props pass through to the root element.
eyebrow
React.ReactNode
Default
"In the press"title
React.ReactNode
Default
"Written up by people who test tools for a living"press
PressMention[]
Default
DEFAULT_PRESSawards
PressAward[]
Default
DEFAULT_AWARDSinterval
number
Default
6500Milliseconds each quote stays up before the next one. 0 turns auto-advance off.
defaultIndex
number
Default
0onIndexChange
(index: number) => void
awardsLabel
React.ReactNode
Default
"Awards & recognition"Label above the award badges.
linkLabel
string
Default
"Read the article"Text of the link to each article.
| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | React.ReactNode | "In the press" | |
| title | React.ReactNode | "Written up by people who test tools for a living" | |
| press | PressMention[] | DEFAULT_PRESS | |
| awards | PressAward[] | DEFAULT_AWARDS | |
| interval | number | 6500 | Milliseconds each quote stays up before the next one. 0 turns auto-advance off. |
| defaultIndex | number | 0 | |
| onIndexChange | (index: number) => void | – | |
| awardsLabel | React.ReactNode | "Awards & recognition" | Label above the award badges. |
| linkLabel | string | "Read the article" | Text of the link to each article. |
