Book3D

Inhalt

Aufklappbares 3D-Buch mit geprägtem Cover, Lesezeichen und Papierkanten. Bei Klick klappt das Cover am Buchrücken-Scharnier auf und zeigt zwei Innenseiten — perfekt für Speisekarten und Broschüren.

Live Demo

PASTA

Spaghetti Napoli — 9,00 €
Penne Arrabiata — 9,50 €
Tagliatelle Bolognese — 11,50 €
Lasagne — 12,50 €

DOLCI

Tiramisu — 5,50 €
Panna Cotta — 5,00 €

Speisekarte

PIZZERIA BELLA NAPOLI

ZUM ÖFFNEN KLICKEN

PIZZA

Margherita — 7,50 €
Salami — 8,50 €
Diavola — 9,00 €
Quattro Formaggi — 9,50 €
Vegana — 8,00 €

SALATE

Insalata Mista — 7,50 €
Caprese — 9,50 €

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`coverTitle`	`string`	Ja	—	Titel auf dem Cover
`coverSubtitle`	`string`	Nein	—	Untertitel auf dem Cover
`leftPage`	`ReactNode`	Ja	—	Inhalt der linken Innenseite
`rightPage`	`ReactNode`	Ja	—	Inhalt der rechten Innenseite
`coverColor`	`string`	Nein	`'#7f1d1d'`	Cover-Farbe
`accentColor`	`string`	Nein	`'#fbbf24'`	Prägung & Lesezeichen
`pageWidth`	`number`	Nein	`280`	Seitenbreite in Pixeln
`pageHeight`	`number`	Nein	`380`	Buchhöhe in Pixeln
`className`	`string`	Nein	—	Zusätzliche CSS-Klasse

Code-Beispiel

<Book3D
  coverTitle="Speisekarte"
  coverSubtitle="PIZZERIA BELLA NAPOLI"
  leftPage={<div><h4>Pizza</h4><p>Margherita … 7,50 €</p></div>}
  rightPage={<div><h4>Pasta</h4><p>Napoli … 9,00 €</p></div>}
/>