Flip card

A card that flips to reveal its back.

Front — hover me

import { BuiFlipCard } from 'ng-blatui';

<bui-flip-card>
  <div>Front content</div>
  <div buiFlipBack>Back content</div>
</bui-flip-card>

Click to flip

Tap to reveal

<bui-flip-card trigger="click">
  <div>Tap to reveal</div>
  <div buiFlipBack>Tap again to flip back</div>
</bui-flip-card>

Prop	Type	Default	Description
`trigger`	`"click" \| "hover"`	`'hover'`	What flips the card: hover/focus or click/keypress.
`height`	`string`	`'16rem'`	Fixed card height as a CSS length.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.