Flip Card

Card with front and back that flips on interaction

Basic Usage

HoverFront SideHover to flip

BackBack SideHidden content revealed

ClickClick MeClick to flip

BackBack SideClick again to flip back

VerticalVertical FlipHover to flip vertically

BackBack SideVertical animation

pnpm add @corew500/ui

import { FlipCard } from "@corew500/ui/flip-card"

<FlipCard>Content</FlipCard>

Axis	Values	Default
`size`	smdefaultlgfull	default

Prop	Type	Default	Description
`trigger`	enum	`hover`	How to trigger the flip
`direction`	enum	`horizontal`	Direction of the flip
`flipped`	enum	—	Controlled flipped state
`onFlippedChange`	(flipped: boolean) => void	—	Callback when flipped state changes
`defaultFlipped`	enum	`false`	Default flipped state (uncontrolled)
`size`	enum	—	—