Appearance
icon图标
Hidden Title
基础用法:
<s-icon name="delete"></s-icon>属性事件插槽简介
Element Plus Icon Documentation
基础用法
插槽
常用图标查找
所有图标
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
name | 图标名称 | string | - |
color | 图标颜色 | string | - |
size | 图标尺寸 | string / number | 16px |
disabled | 是否禁用,禁用后不会触发点击 | boolean | false |
type | 图标类型,传 svg 时走 s-svg 渲染 | string | '' |
svgAttrs | 透传给 s-svg 的属性 | object | {} |
dangerouslyUseHTMLString | 是否将 tooltip 的 content 按 HTML 字符串渲染 | boolean | false |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
click | 点击图标时触发 | event |
说明
- 组件底层使用
el-icon,tooltip 相关属性如content、placement、effect可直接透传。