Cards contain content and actions about a single subject.
To add a card we have the vs-card
component, for the internal structure we use several slots (header
, footer
, media
, ... )
There are cases in which you need to add an image or video on the card so we have the slot="media"
If you need to set card with the same height, send the prop fixed-height
and cards set to 100% of height.
You can add hover functionality with the property actionable
Name | Type | Parameters | Description | default |
---|---|---|---|---|
header | slot | slot header card | ||
footer | slot | slot footer card | ||
media | slot | slot image media | ||
extra-content | slot | slot extra contend and card | ||
fixed-height | Boolean | Set the card with 100% of height | false | |
actionable | Boolean | Hover effect | false |