A customer review with ink stars, a headline and three lines that open in place.
Preview
npx shadcn add @fetaui/review-cardI bought two sets after holding one at a friend's place, and they have quietly replaced every other mug in the cupboard. The speckled glaze pools slightly darker near the base, so each one looks a little different under morning light. They hold a proper 300 ml flat white with room to spare.
I bought two sets after holding one at a friend's place, and they have quietly replaced every other mug in the cupboard. The speckled glaze pools slightly darker near the base, so each one looks a little different under morning light. They hold a proper 300 ml flat white with room to spare.
Well packed and arrived in two days. Exactly as pictured.
Installation
npx shadcn add @fetaui/review-card
Accessibility
- An article. The stars read as 5 out of 5.
- No toggle appears when the review fits.
Motion
- Read more follows Expandable Text.
Responsive behavior
- Larger body type on Mobile.
Performance
- Static apart from the Expandable Text inside it, which only adds a toggle when the review is long.
Note for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Import ReviewCard. Props: name, date, rating, headline, avatar, animated, with one <p> per paragraph as children.
- rating is whole stars from 0 to 5. avatar takes src, person or initials.
- It composes Avatar and Expandable Text.