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

# <velin-search>

Source: `components/velin-search.js`

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

```html
<velin-search index-url="/dist/search-index.json" aria-label="Search"></velin-search>
```

_Example from curated docgen starter map._

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

- **Roles:** `combobox`, `listbox`
- **Keyboard:** Arrows, Enter, Escape
- **Required attributes:** `aria-label`
- **Notes:** Default aria-label Search when unset.

## Attributes
| Attribute | Notes |
| --- | --- |
| `index` | Observed — triggers `attributeChangedCallback` when changed |
| `categories` | Observed — triggers `attributeChangedCallback` when changed |
| `min-chars` | Observed — triggers `attributeChangedCallback` when changed |
| `fuzzy` | Observed — triggers `attributeChangedCallback` when changed |
| `placeholder` | Observed — triggers `attributeChangedCallback` when changed |
| `debounce` | Observed — triggers `attributeChangedCallback` when changed |
## Events
_None._
## CSS parts
_None._
## Slots
_None._
## Public API
| Kind | Name |
| --- | --- |
| Property | `categories` |
| Property | `debounceMs` |
| Property | `fuzzy` |
| Property | `indexUrl` |
| Property | `minChars` |
## Related resources
- Generated API docs (canonical): [`velin-search.md`](./velin-search.md)
- Generated index: [README.md](./README.md)
- CLI API: `npx velinstyle wc api velin-search`
- Human docs EN (tutorial): `docs/components/velin-search.html`
- Human docs DE (tutorial, lang-map): `docs/components/velin-search-de.html`
- Atelier library (showcases — **not** a 1:1 Component map): `atelier/library/index.html`
