Post Card

Generalised social post card. Avatar, author, handle, timestamp, content, optional preview and actions slots. Sibling PostCardStat for tabular-num stat rows.

Preview

Ada Lovelace@ada2h

The analytical engine has no pretensions whatever to originate anything. It can do whatever we know how to order it to perform.

Customize

Look

variant0

size1

interactive hover lift

Props

Prop	Type	Default	Description
`variant`	`"surface" \| "outline" \| "ghost"`	`"surface"`	Surface treatment.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Padding scale.
`interactive`	`boolean`	`false`	Opt-in hover lift + cursor pointer.
`author`	`string`	—	Display name.
`handle`	`string`	—	Handle / username.
`timestamp`	`string`	—	Relative time string.
`content`	`ReactNode`	—	Main post body.

Accessibility

When interactive is true the root becomes a <button> with aria-label derived from author + the first 80 chars of content. Otherwise it's a plain <article>.