语义化的矢量图形
需要使用图形来对基础操作功能进行隐喻呈现,给予用户正确、友好且清晰的操作指引
| 属性 | 类型 | 必填 | 默认值 | 说明 |
|---|---|---|---|---|
| type | string | 是 | - | icon 图标的类型 |
| size | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 否 | 'medium' | icon 的大小,x-small(16)、small(32)、medium(48)、large(64)、x-large(128), |
| color | string | 否 | - | icon 的颜色,即 CSS 中 color 属性的值 |
| fontSize | string | 否 | - | icon 的大小 |
| stopPropagation | boolean | 否 | false | 是否阻止事件冒泡 |
| className | string | 否 | - | 类名 |
| 事件名 | 说明 | 类型 |
|---|---|---|
| onTap | 点击图标,触发此回调 | ( e: Event ) => void |
| 类名 | 说明 |
|---|---|
| amd-icon | 整体样式 |