Component: IconField

A field for picking an icon.

Inheritance

Inherits props from VAutocomplete

import IconField from '@nhtio/vuetify-fields/components/fields/icon'

Examples

<IconField />

Result

Reference

Props

Name	Type	Default	Required
modelValue	`mdi-${string}` | null	null
The currently selected icon.
filterPlaceholder	string | null	null
Filter Field Placeholder
filterFieldProps	AcceptableVTextFieldProps	() => ({})
Filter Field Properties
clearableViaBadge	boolean	false
Allows the user to clear the color by clicking on the badge.

Slots

btn-clear

Bindings: Name Type Description clear () => void Function to clear the currently selected color.

The slot for the clear button.

Events

Name	Type
update:modelValue	(val: `mdi-${string}` | null) => void
Emitted when the value is changed.
Properties: Name Type Description string ["val"] The current value.
update:model-value	(val: string | null) => void
Emitted when the value is changed.
Properties: Name Type Description string ["val"] The current value.
update	(val: `mdi-${string}` | null) => void
Emitted when the value is changed.
Properties: Name Type Description undefined ["val"] `mdi-${string}` - The current value.