Card Overlay
Meet Card Overlay for Angular – a sleek, interactive component that transforms the way users engage with your UI. Whether you need smooth hover effects, dynamic action buttons, or immersive content reveals, this component delivers a modern touch with effortless customization.
Key features:
- ✅ Elegant Animations – Hover, click, or focus to reveal stunning overlays.
- ✅ Fully Customizable – Adjust styles, content, and interactions to fit your brand.
- ✅ Seamless Integration – Works flawlessly with Angular Material and Tailwind.
- ✅ Performance Optimized – No lag, no clutter—just smooth transitions.
Upgrade your Angular app’s UX today with Card Overlay—because static UI is so last season. 🚀
Basic card overlay
Card overlay with translate
Card overlay with blur
API Reference
emrCardOverlayContainer directive - a container of an overlay.
emr-card-overlay component - overlay content.
Properties for the emr-card-overlay component.
| Prop | Type | Default |
|---|---|---|
withTranslate Adds hover animation for an overlay | boolean | false |
withBlur Adds blur to the background for an overlay content | boolean | false |