PostCard

PostCard forma parte del apartado «Patterns» del kit. Composiciones listas para usar: KPIs, perfiles, precios, eventos, posts y más.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { PostCard } from "@tsukira/ui"; export function Ejemplo() {  return <PostCard />;}

Los ejemplos detallados de PostCard están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

PostCardPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'title'>

Prop	Tipo	Default	Descripción
`cover`	`string`	—	URL de la imagen de cabecera. Si no se pasa, no se muestra.
`category`	`ReactNode`	—	Categoría (eyebrow).
`title`*	`ReactNode`	—	Título del post.
`excerpt`	`ReactNode`	—	Resumen / excerpt.
`author`	`ReactNode`	—	Autor (nombre).
`authorAvatar`	`Partial<AvatarProps>`	—	Avatar del autor (props parciales de Avatar).
`date`	`ReactNode`	—	Fecha publicación.
`readTime`	`ReactNode`	—	Tiempo de lectura.
`likes`	`ReactNode`	—	Likes (número o ReactNode).
`comments`	`ReactNode`	—	Comments (número o ReactNode).
`orientation`	`'vertical' \| 'horizontal'`	—	Orientación: 'vertical' (default) o 'horizontal'.
`action`	`ReactNode`	—	Acción opcional (botón leer más).