Card

Cards can group related content, the limit is your imagination. They can be used to display images, text, buttons, and more.

Attributes

title (string) - The title of the card.
subtitle (string) - The subtitle of the card.

Slots

title - The title of the card.
default - The content of the card.
actions - The footer of the card.

Basic Card

Card Title

Card content goes here.

Copy to clipboard

<aura:card title="Card Title">
    <p>Card content goes here.</p>
</aura:card>

Card with Subtitle

Card Title

Card Subtitle

Card content goes here.

Copy to clipboard

<aura:card title="Card Title" subtitle="Card Subtitle">
    <p>Card content goes here.</p>
</aura:card>

Card with Actions

Card Title

Card content goes here.

Copy to clipboard

<aura:card title="Card Title">
    <p>Card content goes here.</p>
    <x-slot:actions>
        <aura:button solid text="Button" />
        <aura:button text="Button" />
    </x-slot:actions>
</aura:card>

Home