Design System Showcase

Complete component library for the App Merge UI

Primary Secondary Success Warning Danger Loading Disabled
Small Medium Large
Outline Primary Block Button

This is a card with a title and subtitle. Cards can contain any content.

This card uses a custom header slot.
Info: This is an informational alert with dismissible option. Success! Your operation completed successfully. Warning: Please review before proceeding. Error: Something went wrong.
Primary Secondary Success Warning Danger Info
Small Medium Large
Pill Badge 15

Basic Progress

With Label

Striped

Animated
Previous Next

Small

Medium

Large

Normal state (>2 minutes remaining):

Warning state (<2 minutes remaining):

Expired state:

 Open Modal

This is a modal dialog. Click outside or press the close button to dismiss.

Modals can contain any content including other components.