Card
Cards contain content and actions about a single subject.
Default
To add a card we have the components vs-card
, vs-card-header
, vs-card-body
, vs-card-media
, vs-card-actions
each one has its functionality inside of the card but an initial structure would be like this:
Color
You can change the overall color of the card with property vs-color
and vs-background-color
for the component vs-card-header
. You can make the color fill with vs-fill
.
TIP
Vuesax use the Google Material Icons font library. For a list of all available icons, visit the official Material Icons page.
Image
You can add a cool image to the card, even changing the orders of the components to fit your needs!
Actions
A space for action buttons in the card