循环选项选取器

循环选项选取器是将一组选项显示为圆形按钮的组件。

用法

从'react'导入{useState}；从“..”导入{CircularOptionPicker}/循环选项选择器'；常量示例=（）=>{const[currentColor，setCurrentColor]=useState（）；常量颜色=[{颜色：“#f00”，名称：“红色”}，{颜色：“#0f0”，名称：“绿色”}，{颜色：“#00f”，名称：“蓝色”}，];常量颜色选项=(<>{colors.map（（{color，name}，index）=>{返回(<循环选项选取器。选项键={`${color}-${index}`}工具提示文本={name}style={{backgroundColor:color，color}}isSelected={index===currentColor}onClick={（）=>setCurrentColor（索引）}aria-label={name}/>);} ) }</>);返回(<循环选项选取器选项={colorOptions}行动={<循环选项选择器。按钮操作onClick={（）=>setCurrentColor（未定义）}>{“清除”}</CircularOptionPicker（循环选项选取器）。按钮操作>}/>);};

道具

className:字符串

要应用于包装元素的CSS类。

• 必需：否

动作：ReactNode

要在选项之后呈现的操作，如中所示的“清除”按钮调色板.

通常为循环器选项选择器。按钮操作或循环选项选取器。下拉链接操作组件。

• 必需：否

选项：ReactNode

要渲染的选项，例如色样。

通常为循环选项选取器。选项组件。

• 必需：否

子级：ReactNode

子元素。

• 必需：否

asButtons：布尔

控件是否应显示为一组按钮，每个按钮都有自己的制表位。

• 必需：否
• 违约：假

循环：布尔

防止键盘交互环绕。仅在以下情况下使用as按钮不是真的。

• 必需：否
• 违约：真的

子组件

循环选项选取器。按钮操作

A类按钮操作是一个操作，呈现为选项本身旁边的按钮。

一个常见的用例是“清除”按钮，用于取消选择当前选定的选项。

道具

类名:一串

要应用于底层的CSS类按钮组件。

• 必需：否

儿童:反应节点

按钮的子项。

• 必需：否

继承的道具

循环选项选取器。按钮操作也继承所有按钮道具，除了href公司和目标.

循环选项选取器。下拉链接操作

循环选项选取器。下拉链接操作是隐藏在下拉切换后面的操作。按钮被格式化为链接并呈现为锚元素。

道具

类名:一串

要应用于底层的CSS类下拉菜单组件。

• 必需：否

链接文本:一串

按钮上显示的文本。

• 必需：是

下拉属性:对象

底层的道具下拉菜单组件。

继承所有下拉菜单道具，除了类名和渲染切换.

• 必需：是

按钮停止:对象

基础的道具按钮组件。

继承所有按钮道具，除了href公司,目标，以及儿童.

• 必需：否