Card

A card is a flexible container element that holds content and actions about a single subject or topic. By default, cards have no fixed width. A card can be created adding a card class to a <div> tag.

<div class="card has-ml-auto has-mr-auto has-w-96 is-shadowed">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</div>

Customize

The card element will apply the styles defined in the layout.card field of your theme configuration.

export default {
    layout: {
        card: {
            backgroundColor: "white",
            color: "inherit",
            padding: "2rem",
        },
    },
    // ...other configuration
};