ngx-side-page

NgxSidePage is an Angular library that provides versatile slide-out side panels with smooth, service-based animations. It offers a flexible alternative to modal dialogs for displaying contextual content, notifications, or forms without navigating away from the current view.

Key Features

• Service-Based API — Open and manage side panels through an Angular service, similar to Material dialog patterns.
• Smooth Animations — Built-in animations for sliding panels in and out with customizable timing and easing.
• Flexible Positioning — Configure panels to slide from left, right, top, or bottom edges of the viewport.
• Data Passing — Pass data to panel components and receive results when panels close.
• Customizable Styling — Override default styles to match your application's design system.
• Backdrop Control — Optional backdrop with click-to-close behavior and opacity customization.

Philosophy

NgxSidePage follows Angular's component-service architecture to provide a clean, declarative API that integrates seamlessly with Angular applications, prioritizing developer experience and runtime performance.