← Back to Components

Action Bar

Sticky footer component for navigation and actions in forms and workflows

Basic ActionBar

Simple Navigation

Continue

Basic action bar with a single continue button

Previous and Next Navigation

PreviousNext

Action bar with both previous and next navigation options

With Discard Option

Action bar with discard confirmation and multiple action options

Loading and Disabled States

Loading State

Action bar in loading state with updated button text

Cannot Proceed

Previous

Action bar when form validation prevents proceeding (Previous still works)

Real-World Examples

Feedback Form Navigation

Action bar for feedback submission with draft and discard options