Befehlspalette 1.2.0
Die <velin-command>-Komponente ist ein filterbares Befehls-Overlay (⌘K-Stil). Rufe open() / close() aus deiner App-Shell auf. Hinzugefuegt in 0.7.5. English: Command
Reifegrad: In VelinStyle 1.2.0 als stabil dokumentiert. Design Intelligence (Plan / Review / Agent-Meta) ist separat und, wo angegeben, Beta / Grundlage.
Wann verwenden
- Schnellsuche- und Befehlspaletten-Flows mit
<velin-command>, um zu Aktionen oder Seiten zu springen. - Tastaturorientierte Shortcuts fuer Power-User, wenn eine durchsuchbare Befehlsliste besser passt als verschachtelte Menues.
Wann nicht verwenden
- Einfache einmalige Menues: verwende Dropdown.
- Autocomplete fuer ein einzelnes Formularfeld: verwende Combobox.
Beispiel
<button id="open-cmd">Open palette</button>
<velin-command id="cmd">
<button type="button">Dashboard</button>
</velin-command>
JavaScript-API
| Methode | Beschreibung |
|---|---|
open() | Palette anzeigen und Filterfeld fokussieren |
close() | Overlay schliessen |
Import
Lade das Bundle einmal und nutze dann das Custom Element in deinem Markup:
<script type="module" src="../../dist/velinstyle-components.min.js"></script>
<velin-command>…</velin-command>
Barrierefreiheit
open()bewegt den Fokus zum Filterfeld; stelle sicher, dass der Trigger nach dem Schliessen der Palette per Tastatur erreichbar bleibt.- Gib Befehlen klare Labels; verlasse dich nicht allein auf Icons.