CubeShowcase

Inhalt

Rotierender 3D-Würfel mit vier Inhaltsflächen (Bilder oder freier Inhalt). Die Tiefe wird responsive aus der Containerbreite berechnet, Navigation per Buttons und Swipe mit Federungs-Easing.

Live Demo

Gastraum

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`faces`	`CubeFace[]`	Ja	—	Genau 4 Flächen {image?, label?, content?}
`height`	`number`	Nein	`320`	Würfelhöhe in Pixeln
`accentColor`	`string`	Nein	`'#0d9488'`	Akzentfarbe
`autoRotate`	`number`	Nein	`0`	Auto-Rotation in ms (0 = aus)
`className`	`string`	Nein	—	Zusätzliche CSS-Klasse

Code-Beispiel

<CubeShowcase
  autoRotate={5000}
  faces={[
    { image: '/images/raum-1.jpg', label: 'Gastraum' },
    { image: '/images/raum-2.jpg', label: 'Terrasse' },
    { image: '/images/raum-3.jpg', label: 'Steinofen' },
    { image: '/images/raum-4.jpg', label: 'Nebenraum' },
  ]}
/>