语义化的矢量图形
需要使用图形来对基础操作功能进行隐喻呈现,给予用户正确、友好且清晰的操作指引
属性 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
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 | 整体样式 |