FaIconSelector

Supports Element Plus icons, Fast icons, custom icon lists, keyword search, clearing and v-model.

Icon Selector

View code

Vue

<template>
	<div class="demo-stack">
		<FaIconSelector v-model="icon" style="max-width: 360px" />
		<span class="demo-value">当前图标：{{ icon ?? "未选择" }}</span>
	</div>
</template>

<script setup lang="ts">
import { ref } from "vue";

const icon = ref<string | null>("el-icon-Search");
</script>

FaIconSelector Complete API

Props (2)

Property	Source	Description	Type	Default
modelValue	Fast addition	v-model value.	String	—
customIcons	Fast addition	Additional custom icon names for the selector.	Array	[]

Events（2）

Name	Source	Description	Parameters / type
update:modelValue	Fast addition	Updates v-model.	—
change	Fast addition	Value or selection changes.	—

Slots（0）

Name	Source	Description	Parameters / type
None.

Expose（2）

Name	Source	Description	Parameters / type
iconType	Fast addition	Current icon-source type.	—
value	Fast addition	Current icon-selector model.	—