Flip Button

frontVariant

frontSize

backVariant

backSize

Installation

<FlipButton>
  <FlipButtonFront>Front</FlipButtonFront>
  <FlipButtonBack>Back</FlipButtonBack>
</FlipButton>

Prop	Type	Default
`variant?`	`"default" \| "accent" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link"`	`default`
`size?`	`"default" \| "sm" \| "lg" \| "icon"`	`default`
`from?`	`'top' \| 'right' \| 'bottom' \| 'left'`	`top`
`tapScale?`	`number`	`0.95`
`...props?`	`HTMLMotionProps<"button">`	-

Prop	Type	Default
`variant?`	`"default" \| "accent" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link"`	`default`
`size?`	`"default" \| "sm" \| "lg" \| "icon"`	`default`
`transition?`	`Transition`	`{ type: 'spring', stiffness: 280, damping: 20 }`
`...props?`	`HTMLMotionProps<"span">`	-

Prop	Type	Default
`variant?`	`"default" \| "accent" \| "destructive" \| "outline" \| "secondary" \| "ghost" \| "link"`	`default`
`size?`	`"default" \| "sm" \| "lg" \| "icon"`	`default`
`transition?`	`Transition`	`{ type: 'spring', stiffness: 280, damping: 20 }`
`...props?`	`HTMLMotionProps<"span">`	-