When to use it
Use to frame meaningful application artwork with a restrained token-aware preset. Leave the label absent when the surrounding content already communicates the same meaning.
Data displayApple
Graphic
Frame application-provided artwork with token-aware glow, grid, or orbit decoration.
Apple availability
Supported native targets
Import LumenUI in the target that uses this component. iPad support follows the iOS package baseline and uses native iPad layout behavior.
iPhone · iOS 16+iPad · iPadOS 16+Mac · macOS 13+Apple Vision · visionOS 1+
Native example
Use Graphic
Use to frame meaningful application artwork with a restrained token-aware preset. Leave the label absent when the surrounding content already communicates the same meaning.
LumenGraphic(
variant: .orbit,
label: "Project overview"
) {
ProjectArtwork()
}Reference
Public API
The primary shared and platform-specific options exposed by LumenGraphic.
| API | Values or type | Default | Description |
|---|---|---|---|
| variant | glow · grid · orbit | orbit | Selects the decorative composition. |
| size | sm · md · lg | md | Selects a shared native dimension. |
| tone | brand · accent · neutral | brand | Selects the semantic decoration color. |
| label | LocalizedStringKey? | nil | Optionally exposes the composition as one labeled image. |
Native behavior
Design and accessibility
Accessibility
Decorative graphics stay hidden from assistive technology; an optional label exposes the complete composition as one image.
Shared component