UserCard
Kompozitní karta uživatele kombinující Avatar, Tag, Rating a Button — vertikální / horizontální layout
Installation
Usage
Preview
Vertikální layout
JN
Jana NovákováSenior Frontend Developer
Vyvíjím webové aplikace s důrazem na UX a výkon.
ReactTypeScriptTailwind
Horizontální layout
PS
Petr SvobodaBackend Engineer
Node.jsGo
MD
Marie DvořáčkováDesigner
FigmaUX
Import
import { UserCard } from "@/components/ui/user-card"
Example
// Vertikální
<UserCard
name="Jana Nováková"
role="Senior Developer"
initials="JN"
status="online"
bio="Frontend vývojář se zaměřením na UX."
tags={["React", "TypeScript"]}
tagColor="blue"
rating={4.5}
actionLabel="Kontaktovat"
secondaryLabel="Profil"
/>
// Horizontální
<UserCard
name="Petr Svoboda"
role="Backend Engineer"
initials="PS"
layout="horizontal"
actionLabel="Zpráva"
/>
Dependencies
@ceskysoftware/utils (registry)@ceskysoftware/avatar (registry)@ceskysoftware/tag (registry)@ceskysoftware/rating (registry)@ceskysoftware/button (registry)