Radio

The radio filter type allows selecting one option from a list. It supports both inline (popover-based) and vertical (sidebar-style) layouts.

Component API

Prop	Type	Description
type	'radio'	Must be set to 'radio'
options	ListItem[]	List of selectable options
label	string	Label displayed with the input
layout	'inline' | 'vertical'	Display style of the field
limit	number	Maximum visible options in the popover (optional)

Examples

Inline Radio Filter

Compact layout with options inside a popover:

<FilterField
    name="source"
    type="radio"
    label="Source"
    layout="inline"
    :options="sourceOptions"
    v-model="searchQuery"
/>

Vertical Radio Filter

Stacked options for sidebar or filter panel:

<FilterField
    name="source"
    type="radio"
    label="Source"
    layout="vertical"
    :options="sourceOptions"
    v-model="searchQuery"
/>

Source

Archived

Automated

Collected

Copied

External

Generated

Imported

Internal

Legacy

Local

Показати більше