App Overlay - Full Control Demo

📏 Button Spacing & Padding NEW

Control the spacing between buttons and padding around the container using containerCSS

🎭 Overlay Backdrop Styles NEW

Customize the overlay background using overlayCSS

💎 Dialog Box Styles NEW

Style the dialog container using dialogCSS

🎪 Combined Styles

Combine all styling options for unique designs

📱 Real-World Examples

📝 Code Examples

Container Spacing

      AppOverlay.open([{
  containerCSS: {
    gap: '30px',           // Space between buttons
    padding: '40px'        // Padding around container
  },
  buttons: [/* ... */]
}]);
    

Overlay Backdrop

      AppOverlay.open([{
  overlayCSS: {
    background: 'rgba(0, 0, 0, 0.95)',
    backdropFilter: 'blur(10px)'
  },
  buttons: [/* ... */]
}]);
    

Dialog Styling

      AppOverlay.open([{
  dialogCSS: {
    background: '#1a1a2e',
    border: '2px solid #00ff00',
    boxShadow: '0 0 30px rgba(0, 255, 0, 0.5)'
  },
  buttons: [/* ... */]
}]);
    

🎨 App Overlay - Full Control