一个可拖动的开关组件,用于 React。请查看演示:
React 组件支持可拖拽的切换开关。
在上述示例中,开关组件嵌套在一个标签标签中。这样可以确保向视力受损的用户(使用屏幕阅读器的用户)读出标签文本,并使用户可以单击文本来切换开关。如果您只将文本放在开关旁边,而不放在 label 元素中,屏幕阅读器将只读出"关闭",用户将不知道它的用途。
如果您不想将开关嵌套在标签中，可以在标签元素上使用 htmlFor 属性，并将其设置为与开关的 id 相同的值。或者，您可以使用 aria-labelledby 或 aria-label 属性为开关添加标签。您可以在 演示页面 的底部查看此示例。
| Prop | Type | 默认值 | 描述 |
|---|---|---|---|
| checked | bool | 必需 | 如果为 true，则开关设置为选中状态。如果为 false，则不选中。 |
暂无开放 Issues，或尚未同步最近议题。