Skip to content

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

PropTypeDescription
type'checkbox'Must be set to 'checkbox'
optionsListItem[]Array of options with value and label
labelstringField label
layout'inline' | 'vertical'Layout mode
limitnumberMax visible options in the popover (optional)