Panel
Introducing Panel, the ultimate Angular Material component designed to bring structure, style, and flexibility to your applications. With a dedicated header, body, and footer, it provides a seamless way to organize content while maintaining a sleek and modern aesthetic.
- ✅ Modular & Intuitive – Easily configure and customize each section to fit your design.
- 🎨 Material 3 + Tailwind Ready – A perfect blend of Material Design principles with Tailwind’s flexibility.
- ⚡ Seamless Integration – Works effortlessly with Angular Material components for a consistent UI experience.
- 🛠 Highly Customizable – Add actions, icons, and interactive elements with ease.
Whether you're building dashboards, admin panels, or interactive UIs, Panel is your go-to solution for structured and elegant content presentation.
👉 Try it now and give your Angular apps the polished, professional look they deserve! 🚀
Basic panel
API Reference
emr-panel - main component.
emr-panel-header - header panel component.
emr-panel-body - contains content of a panel.
emr-panel-footer - footer panel component.
Properties for the emr-panel-header component.
| Prop | Type | Default |
|---|---|---|
height Adds custom height | number | – |
Properties for the emr-panel-footer component.
| Prop | Type | Default |
|---|---|---|
height Adds custom height | number | – |