Checkbox

使用 Checkbox 组件为客户提供单一二元选项,例如注册营销或同意条款和条件。

预览

Checkbox.jpg

示例代码

render('Checkout::Dynamic::Render', () => {
return <Checkbox id="checkbox" name="checkbox">Save this information for next time</Checkbox>;
});

CheckboxProps

提示

标注 ? 的属性为可选,未标注 ? 的属性为必选。

id?

string

用于当前组件的唯一标识符。如果未设置 ID,则会使用全局唯一值,全局唯一值为组件内部自行创建的 ID。


name?

string

当前组件的名称标识。


value?

boolean

Checkbox 组件是否处于激活状态。true 为勾选,false 为非勾选。此属性是 checked 的别名。如果同时设置了 valuechecked,则 checked 优先。用于兼容在表单内使用的场景,提供标准的 value 键值。


checked?

boolean

Checkbox 组件是否处于激活状态。true 为勾选,false 为非勾选。


disabled?

boolean

Checkbox 组件是否禁用。true 为禁用,false 为非禁用。


error?

string

向客户展示的错误信息。若配置该传参,组件将会标红显示,并展示错误信息。


accessibilityLabel?

string

设置该组件的标签,将用于屏幕阅读器客户理解组件功能。配置该功能等同设置 aria-label 属性


onChange?

(value: boolean) => void

每当 Checkbox 组件更改时运行的回调函数。此回调是使用一个布尔值调用的,指示 Checkbox 组件现在是否应处于激活或非激活状态。


这篇文章对你有帮助吗?