Overlay · astryx-svelte

Overlay @astryx-svelte/core v0.3.0 · Overlay

Usage

Overlay layers action or supporting content over media, cards, video, or other bounded surfaces with an optional scrim and reveal behavior.

ts
 
import { Overlay } from '@astryx-svelte/core';

Guidance	Practices
Do	Use overlays for short, contextual actions or labels that belong directly to the underlying media or surface.
Do	Keep overlay content compact so it remains legible over the scrim and does not obscure important visual information.
Don't	Do not use Overlay for floating content anchored outside the surface. Use Popover, Tooltip, or Dialog for those patterns.

Common configurations, variations, and states.

Overlay — Bottom Strip

Places compact supporting content in a bottom scrim strip without covering the entire image.

Overlay — Hover Reveal

Reveals an overlay action on hover or keyboard focus. Use when actions should stay visually quiet until the media receives attention.