The ContainerCard component encloses content in a distinct, card-like format, often with a title, body, and action buttons. It's ideal for showcasing individual items like products, articles, or profiles. Cards can be styled with shadows, borders, and images, and are effective for organizing content in a visually appealing and digestible manner, especially in grid or list layouts.
Various examples showcasing different configurations of the component
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
The elevation level of the container.
The background color of the container.
The default view to show.
The views to display in the container. These views can be changed dynamically to show different content in the container.
Components expose certain events such as clicking. You can use these events to perform actions such as navigation, fetching data and controlling other components. The events exposed by this component are listed below.
Triggered when the card is clicked.
On double click
Triggered when the card is double clicked.