Basic Footer

Standard cancel and save action buttons.

Modal body content above.

Destructive Action

Danger button variant for irreversible operations.

This action cannot be undone.

Full Modal Context

Footer with Header and Body for a complete modal layout.

Create Project

Single Action

Footer with just one button for confirmation dialogs.

Your changes have been saved.

Usage

<ModalFooter> <Button variant="ghost">Cancel</Button> <Button>Save Changes</Button></ModalFooter><ModalFooter> <Button variant="ghost">Cancel</Button> <Button variant="danger">Delete Account</Button></ModalFooter>

Props

PropTypeDefaultDescription
childrencontent-Action buttons or footer content