Kontextmenü
Rechtsklick-Menü für eine Zielfläche: Einträge mit Icons/Trennern/Gefahr-Ton, öffnet an der Mausposition, schließt bei Außenklick/Escape — Einträge emittieren aktion
Nutzt: ui.icon
Beispiele
Rechtsklick auf die Fläche öffnet das Menü (Escape/Außenklick schließt)
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| targetText | string | "Rechtsklick auf diese Fläche" | Beschriftung der Demo-Zielfläche |
| items * | array | — | Menü-Einträge |
* Pflicht-Prop
Events & Slots
Events:
⚡ action — im Surface per on: {<event>: {action, params}} verdrahtbar.
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--context-menu-border-default | var(--color-border-default) |
--context-menu-border-strong | var(--color-border-strong) |
--context-menu-elevation-overlay | var(--elevation-overlay) |
--context-menu-radius-control | var(--radius-control) |
--context-menu-radius-sm | var(--radius-sm) |
--context-menu-radius-surface | var(--radius-surface) |
--context-menu-status-danger | var(--color-status-danger) |
--context-menu-surface-overlay | var(--color-surface-overlay) |
--context-menu-surface-sunken | var(--color-surface-sunken) |
--context-menu-text-default | var(--color-text-default) |
--context-menu-text-muted | var(--color-text-muted) |
Genutzte Design-Tokens
border.hairlinecolor.border.defaultcolor.border.strongcolor.status.dangercolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.overlayfont.family.defaultlayer.dropdownradius.controlradius.smradius.surfacesize.1size.2size.24size.3size.4text.smweight.medium