Checkbox
The checkbox
filter type allows selecting multiple options. It's ideal for multi-select filtering (e.g., categories, tags). Supports both inline
(popover-based) and vertical
(stacked list) layouts.
html
<!-- layouts: vertical or inline -->
<FilterField
name="source"
type="checkbox"
label="Source"
layout="inline"
limit=5
:options="sourceOptions"
v-model="searchQuery"
/>
Source
Показати більше
Component API
Prop | Type | Description |
---|---|---|
type | 'checkbox' | Must be set to 'checkbox' |
options | ListItem[] | Array of options with value and label |
label | string | Field label |
layout | 'inline' | 'vertical' | Layout mode |
limit | number | Max visible options in the popover (optional) |