• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This sample demonstrates card rendering with stacked layout. You can swipe the card in left or right direction to move the first card to last position.

DEMO
SOURCE
New York City has been described as the cultural, financial, and media capital of the world, and exerts a signi ficant impact upon commerce, entertainment, research, technology, education, politics, and sports.
Malaysia is one of the Southeast Asian countries, on a peninsula of the Asian continent, to a certain extent; it can be recognized as part of the Asian continent and the northern part of the island of Borneo
The Eiffel Tower is acknowledged as the universal symbol of Paris and France. It was originally designed by Émile Nouguier and Maurice Koechlin.
Sydney is a city on the east coast of Australia. Sydney is the capital city of New South Wales. About four million people live in Sydney which makes it the biggest city in Oceania.

The sample illustrates stacked collection of card overlapping each other, which can be bound to swipe actions to move cards one after the other. CSS animation is used to achieve swiping on every left or right swipe.

More information about Card can be found in this documentation section.