FLIN App

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.

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

Prop	Type	Default	Description
`children`	content	-	Action buttons or footer content

ModalFooter

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic Footer

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Destructive Action

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Full Modal Context

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Single Action