Directory

← Back

Flip Card Add-on

Card component that can flip on hover or on click.

Author

Rating

Popularity

100+

Wrapper component for Flip Card Web Component.

Features

  • Card component can flip on hover or on click
  • Styling can be overriden through CSS variables

Sample code

FlipCard onHoverFlipCard = new FlipCard(new Span("front side"), new Span("back side"));
add(onHoverFlipCard);

FlipCard onClickFlipCard = new FlipCard(new Span("front side"), new Span("back side"), FlipCardVariant.CLICK);
add(onClickFlipCard);

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Initial release

Released
2023-09-01
Maturity
TESTED
License
Apache License 2.0

Compatibility

Framework
Vaadin 24
Browser
Browser Independent

Flip Card Add-on - Vaadin Add-on Directory

Card component that can flip on hover or on click. Flip Card Add-on - Vaadin Add-on Directory
Wrapper component for [Flip Card Web Component](https://www.npmjs.com/package/flip-card-wc). #### Features * Card component can flip on hover or on click * Styling can be overriden through CSS variables
View on GitHub
Online Demo
Author Homepage

Flip Card Add-on version 1.0.0
Initial release

Online