The Card Overlay component shows contextual content on top of a card, image, or bounded container when the user hovers it. Use it to reveal quick actions such as view, open, preview, or edit without changing the underlying card layout.
Use it for:
- Hover actions: Reveal one or two actions over a card or image.
- Media previews: Add a view or preview action over visual content.
- Contextual controls: Keep secondary actions hidden until the user focuses on the item.
- Bounded overlays: Use ngsCardOverlayContainer so the overlay is positioned and clipped inside the target.
Do not use Card Overlay for popovers, tooltips, menus, loading states, long text, complex forms, or actions that must always be visible.