FilterBar
Filter bar with category dropdown, optional search input, and optional difficulty filter. Works with the existing pin-filter.ts script via data attributes.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| categories | string[] | — | Category options (required) |
| difficulties | string[] | — | Difficulty level options |
| showSearch | boolean | false | Show search input |
| lang | string | — | Language for i18n labels |
| searchPlaceholder | string | 'Search...' | Placeholder text for search |
Categories only
Minimal configuration with just categories.
With search
showSearch=true adds a search input.
With difficulty
Adding difficulty levels shows a second dropdown.
Full (all options)
Search + categories + difficulty together.