<!-- Auto-generated by `velinstyle docs generate`. Do not edit. Source: components/velin-command.js -->

# <velin-command>

Source: `components/velin-command.js`

## Minimal working example
Copy-paste starter (load CSS + `velinstyle-components` / `bootFromDOM` as needed):

```html
<velin-command>
  <input slot="input" type="search" class="velin-input" placeholder="Jump to…" aria-label="Command">
  <button type="button" data-velin-command-item value="home">Home</button>
  <button type="button" data-velin-command-item value="settings">Settings</button>
</velin-command>
```

_Example from curated docgen starter map._

## Accessibility
WCAG contract status: **pass** (framework target: AAA).

- **Roles:** `dialog`
- **Keyboard:** Escape, arrows in results, Tab trap

## Attributes
| Attribute | Notes |
| --- | --- |
| `open` | Observed — triggers `attributeChangedCallback` when changed |
## Events
- `velin-close` (bubbles)
## CSS parts
- `overlay`
- `panel`
- `results`
- `search`
## Slots
- `(default)`
## Public API
| Kind | Name |
| --- | --- |
| Method | `close()` |
| Method | `open()` |
| Method | `toggle()` |
## Related resources
- Generated API docs (canonical): [`velin-command.md`](./velin-command.md)
- Generated index: [README.md](./README.md)
- CLI API: `npx velinstyle wc api velin-command`
- Human docs EN (tutorial): `docs/components/command.html`
- Human docs DE (tutorial, lang-map): `docs/components/befehlspalette.html`
- Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`
