EccUtilsDesignCard Component
Overview
The ecc-utils-design-card is a compound component used to group related content in a container. It provides a structured way to display information with a header, title, description, content, and footer.
The card component is composed of several sub-components that work together to create a complete card.
Usage
Basic Card
This example demonstrates a standard card with a header, content, and footer.
This is the main content of the card. You can put any information you want here.
Simple Card
This example shows a minimal card with only content.
A simple card with just content.
Components
The Card is built by combining these components:
| Component | Tag Name | Description |
|---|---|---|
Card | ecc-utils-design-card | The main container for the card. |
CardHeader | ecc-utils-design-card-header | A header section for the card. |
CardTitle | ecc-utils-design-card-title | A title for the card, used within the header. |
CardDescription | ecc-utils-design-card-description | A description, used within the header. |
CardContent | ecc-utils-design-card-content | The main content area of the card. |
CardFooter | ecc-utils-design-card-footer | A footer section for actions. |
Properties
This component and its sub-components do not have any properties. They are used for structuring and styling content.
Events
This component and its sub-components do not emit any custom events.
