Default Layout — Button Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            AvatarInitials="OR">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
    <MenuContent>
        <div class="floating-menu-group">
            <button class="floating-menu-item">Archive</button>
        </div>
    </MenuContent>
</ActionCard>

Default Layout — Link Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            AvatarInitials="OR">
    <Actions>
        <Button Variant="tertiary-color" Size="sm" Text="Changelog" />
        <Button Variant="tertiary" Size="sm" Text="Dismiss" />
    </Actions>
</ActionCard>

Simple Layout — Button Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            Layout="ActionCard.CardLayout.Simple">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</ActionCard>

Simple Layout — Link Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            Layout="ActionCard.CardLayout.Simple">
    <Actions>
        <Button Variant="tertiary-color" Size="sm" Text="Changelog" />
        <Button Variant="tertiary" Size="sm" Text="Dismiss" />
    </Actions>
</ActionCard>

Minimal Layout — Button Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            Layout="ActionCard.CardLayout.Minimal">
    <Actions>
        <Button Variant="primary" Size="sm" Text="Changelog" />
        <Button Variant="secondary" Size="sm" Text="Dismiss" />
    </Actions>
</ActionCard>

Minimal Layout — Link Actions

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            Layout="ActionCard.CardLayout.Minimal">
    <Actions>
        <Button Variant="tertiary-color" Size="sm" Text="Changelog" />
        <Button Variant="tertiary" Size="sm" Text="Dismiss" />
    </Actions>
</ActionCard>

Action Layout

<ActionCard Title="We've just released a new update!"
            Description="Check out the all new dashboard view."
            Layout="ActionCard.CardLayout.Action"
            AvatarInitials="OR" />

Action Card

Default Layout — Button Actions

Default Layout — Link Actions

Simple Layout — Button Actions

Simple Layout — Link Actions

Minimal Layout — Button Actions

Minimal Layout — Link Actions

Action Layout