PostEngagement
Views, likes and comments for a social post, in Roboto / text-xs with 14px icons.
Figma: 10 / Components / PostEngagement1.2kviews86likes14comments
Usage
Source: src/components/ui/post-engagement.tsx
import { PostEngagement } from '@/components/ui/post-engagement'<PostEngagement views='1.2k' likes='86' comments='14' />When to use
When to reach for it, and when to use something else.
Use it for
Complete: Under a post in the source accordion detail rows.
Avoid
Not complete: Headline metrics; use Metrics for those.
PostEngagement
| Prop | Type | Default | Description |
|---|---|---|---|
| views | string | – | Formatted view count. |
| likes | string | – | Formatted like count. |
| comments | string | – | Formatted comment count. |
