Example of Swipeable Card in ASP.NET Core Card Control

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
newyork
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
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
eiffeltower
The Eiffel Tower is acknowledged as the universal symbol of Paris and France. It was originally designed by Émile Nouguier and Maurice Koechlin.
sydney
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.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE