Components · Shared
Asset
Universal media renderer — auto-detects images vs videos.
🖼 image → <Image>
🎞 video → <video>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
src | string | — | Media URL. |
alt | string | — | Alt text (images). |
type | auto | image | video | auto | Force a renderer or auto-detect. |
priority | boolean | false | Eager-load for above-the-fold media. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.