Example of Horizontal Card in React Card Component


This sample demonstrates card rendering with horizontal layout. Based on the horizontal structure, product card is shown with detailed information.

More Details...


By default, card elements are stacked one after another vertically. You can customize the card with specific direction by adding e-card-horizontal to align elements horizontally. Using e-card-stacked class, you can split the horizontal layout with a stacked element on left or right of the card.

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