Confirm Actions

Primary and secondary buttons for save/cancel workflows.

Are you sure you want to delete this project? This action cannot be undone.

Save Form

Footer at the bottom of a form card with discard and save options.

Edit Profile

Subscription Card

Footer actions paired with status badges in the card body.

Subscription
Pro Plan
$29/month
Active

Single Action

Footer with a single primary action button.

Getting Started

Set up your workspace in just a few steps. Choose a template and start building.

Usage

<Card> <CardBody> <p>Are you sure you want to delete this?</p> </CardBody> <CardFooter> <Button>Cancel</Button> <Button type="error">Delete</Button> </CardFooter></Card>

Props

PropTypeDescription
childrencontentFooter content (buttons, links)