Polaroid Card
Summer in AlacatiAug 2026Summer in AlacatiAug 2026An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.
The import and the props worth knowing about, in one place.
import { Card12 } from "@/components/beste/component/card12";
// The whole polaroid becomes a link when href is set.
<Card12
src="/photos/alacati.jpg"
caption="Summer in Alacati"
date="Aug 2026"
href="/gallery/alacati"
/>
<Card12
src="/photos/team.jpg"
caption="The whole crew"
untaped // hide the tape strip
tone="sky" // tape: "sand" (default) | "sky" | "rose"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
src* | string | — | Photo URL |
caption | string | — | Caption written under the photo |
date | string | — | Small muted line under the caption (e.g. a date or place) |
href | string | — | If set, the whole polaroid links to this href |
untaped | boolean | — | Hide the masking tape strip |
tone | "sand" | "sky" | "rose" | — | Tape color |
className | string | — | Additional classes merged onto the root |
Identity, guidelines, and design tokens that scale across every touchpoint of your product.
