Profile Card
A tall profile card that tilts with an iridescent sheen, with a glass bar for handle, status and a contact button.
import { ProfileCard } from "pleate/effects/profile-card";Designer
Lena Park
Product designer
@lenapark
Online
Props
- name / title / handle / status
Text.
string- avatarUrl / avatarAlt
Portrait.
string- contactLabel / onContact
Button.
string / () => voiddefault "Contact"- maxTilt
Tilt (deg).
numberdefault 10- color
Backdrop color.
stringdefault accent
Accessibility
- The sheen is aria-hidden; the contact action is a real button.
- Touch and reduced motion keep it flat.