开发预览更新于 2026-05-10

IconPicker 图标选择

从内置图标集中搜索并选择图标，适合菜单配置、仪表盘卡片、低代码属性面板。

基础用法

CfIconPicker 直接读取 @chufix-design/icons 的类型化图标清单，选中的值就是 IconName。

activity

src/App.vue vue

<CfIconPicker v-model="icon" searchable clearable />

src/App.tsx tsx

<CfIconPicker value={icon} searchable clearable onChange={setIcon} />

事件：Vue update:modelValue / change(value)，React onChange(value)。