UNPKG

1.57 kBTypeScriptView Raw
1import { ComponentType } from 'react'
2import { StandardProps } from './common'
3
4interface LabelProps extends StandardProps {
5
6 /** 绑定控件的 id */
7 for?: string
8}
9
10/** 用来改进表单组件的可用性。
11 *
12 * 使用for属性找到对应的id,或者将控件放在该标签下,当点击时,就会触发对应的控件。 for优先级高于内部控件,内部有多个控件的时候默认触发第一个控件。 目前可以绑定的控件有:button, checkbox, radio, switch。
13 * @classification forms
14 * @supported weapp, swan, alipay, tt, h5, rn
15 * @example_react
16 * ```tsx
17 * class App extends Components {
18 *
19 * render () {
20 * return (
21 * <RadioGroup>
22 * <Label className='example-body__label' for='1' key='1'>
23 * <Radio value='USA'>USA</Radio>
24 * </Label>
25 * <Label className='example-body__label' for='2' key='2'>
26 * <Radio value='CHN' checked>
27 * CHN
28 * </Radio>
29 * </Label>
30 * </RadioGroup>
31 * )
32 * }
33 * }
34 * ```
35 * @example_vue
36 * ```html
37 * <template>
38 * <radio-group>
39 * <label class="example-body__label" for="1" key="1">
40 * <radio id="1" value="USA" />
41 * USA
42 * </label>
43 * <label class="example-body__label" for="2" key="2">
44 * <radio id="2" value="CHN" :checked="true" />
45 * CHN
46 * </label>
47 * </radio-group>
48 * </template>
49 * ```
50 * @see https://developers.weixin.qq.com/miniprogram/dev/component/label.html
51 */
52declare const Label: ComponentType<LabelProps>
53
54export { Label, LabelProps }