Docs
Flipping Card
Flipping Card
A two-sided card component that flips on hover, revealing content on its back face. Ideal for interactive displays or showcasing additional information.
Badtz-Maru
Bad Badtz-Maru (バッドばつ丸, Baddo Batsu Maru), commonly named "Badtz-Maru" is a penguin with spiky hair.
Bad Badtz-Maru (バッドばつ丸, Baddo Batsu Maru), commonly named "Badtz-Maru", is a penguin with spiky hair, and one of the many characters of Sanrio.
Keroppi
Keroppi (けろけろけろっぴ, Kerokerokeroppi) is a small friendly green frog with large eyes.
Keroppi (けろけろけろっぴ, Kerokerokeroppi) is a character created by Sanrio, designed by Tomoe Iwata, and the main protagonist of the Keroppi universe.
Installation
Usage
import { FlippingCard } from "@/components/ui/flipping-card";<FlippingCard frontContent={<div>Front Content</div>} backContent={<div>Back Content</div>} />Props
flipping-card props.
| Prop | Type | Description | Default |
|---|---|---|---|
| className | string | Additional custom classes for the card container. | - |
| height | number | The height of the card in pixels. | 300 |
| width | number | The width of the card in pixels. | 350 |
| frontContent | React.ReactNode | Content to display on the front face of the card. | - |
| backContent | React.ReactNode | Content to display on the back face of the card. | - |