Alerts & Receipts

Specialized high-fidelity modals for system feedback, user confirmations, and billing summaries.

Status Alerts

Success State

Celebratory feedback with branded gradients and checkmark animation.

<StatusModal 
  type="success"
  title="Action Successful"
  message="Your request has been processed."
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
/>

Error State

High-contrast warning with rose gradients and orb animation.

<StatusModal 
  type="error"
  title="Access Denied"
  message="You do not have permission to perform this action."
  isOpen={isOpen}
  onClose={() => setIsOpen(false)}
/>

Confirmation & Forms

Destructive Action

Modal pattern for critical actions like removing team members.

<TeamModals 
  activeModal="remove-confirm" 
  onClose={() => setModal(null)} 
/>

Form Pattern

Complex multi-input form within a premium modal container.

<CreateSubscriptionModal 
  isOpen={isOpen} 
  onClose={() => setIsOpen(false)} 
/>

Billing Documents

High-fidelity printable receipts and financial summaries.

Full Invoice

Professional PDF-style billing statement.

Compact Receipt

High-fidelity payment snippet for users.

Workspace Summary

Comprehensive financial report for workspace.