Book Cover Card

Beste StudioThe Component HandbookSecond edition

About this component

A 3D book cover card that swings open on hover to reveal page edges for ebooks, guides, and lead magnets.

Usage

The import and the props worth knowing about, in one place.

import { Card19 } from "@/components/beste/component/card19";

// The cover swings open on hover; the whole book links when href is set.
<Card19
  title="The Component Handbook"
  author="Beste Studio"
  note="Second edition"
  href="/handbook"
/>

<Card19
  title="Design Tokens Field Guide"
  author="Selin Aksoy"
  src="/covers/tokens.jpg"   // optional cover art
  tone="paper"               // cover: "ink" (default) | "primary" | "paper"
/>

Props

Read from the component's own type, so this cannot drift from what it accepts.

Prop	Type	Default	Description
`title`*	`string`	—	Book title
`author`	`string`	—	Author line above the title
`note`	`string`	—	Small line at the bottom of the cover (e.g. "Second edition")
`src`	`string`	—	Cover art URL; the cover stays typographic when omitted
`href`	`string`	—	If set, the whole book links to this href
`tone`	`"ink" \| "primary" \| "paper"`	—	Cover color
`className`	`string`	—	Additional classes merged onto the root