Card

Documentation

Web Component

// Return the card properties return { className: "w-25", body: [ { title: "Card Title", text: "This is the card contents.", actions: [ { text: "Card Action", buttonType: $REST.Components.ButtonTypes.Primary } ] } ] }
<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs-wc/wc/dist/gd-sprest-bs.js"></script>
<bs-card>
    // Return the card properties
    return {
        className: "w-25",
        body: [
            {
                title: "Card Title",
                text: "This is the card contents.",
                actions: [
                    {
                        text: "Card Action",
                        buttonType: $REST.Components.ButtonTypes.Primary
                    }
                ]
            }
        ]
    }
</bs-card>