星标的基本使用方法
基础
改变弹出文字框位置
可以通过 align 属性来改变 tooltip 弹出位置
value of star: false
受控星标
受控星标, 是指组件的值由上层组件决定, 如果开关定义了 value 属性, 就表示此星标是受控星标.
API
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| text | starred 为 false 的时候 tooltip 弹出文字 | String | - |
| starredText | starred 为 true 的时候 tooltip 弹出文字 | String | - |
| align | tooltip 弹出位置，与 tooltip 的 align 属性一致 | String | 't' |
| onChange | 开关状态改变是触发此事件 签名: Function(starred: Boolean, e: Event) => void 参数: starred: {Boolean} 是否为打开状态 e: {Event} DOM 事件对象 | Function | () => {} |
| starred | 开关当前的值(针对受控组件) | Boolean | - |
| defaultStarred | 开关默认值 (针对非受控组件) | Boolean | false |
| onClick | 鼠标点击事件 签名: Function(e: Event) => void 参数: e: {Event} DOM 事件对象 | Function | - |
| onKeyDown | 键盘按键事件 签名: Function(e: Event) => void 参数: e: {Event} DOM 事件对象 | Function | - |
ARIA and KeyBoard
| 按键 | 说明 |
|---|---|
| Enter | 切换选中状态 |
| SPACE | 切换选中状态 |