药丸与按钮选择器

版本 ^2.2.0

我们为单选和复选组件新增了两个变体：药丸（pills）和 按钮（buttons）。

这两个变体可用于单选组与复选组，提供更紧凑的选择方式，非常适合用于筛选器、工具栏以及任何需要更简洁外观的场景。

药丸

药丸是一种紧凑、圆角的按钮，外观就像“药丸”！它们非常适合排列可选项，同时不会喧宾夺主。

<flux:checkbox.group variant="pills" label="分类">
    <flux:checkbox value="fantasy" label="奇幻" />
    <flux:checkbox value="science-fiction" label="科幻" />
    <flux:checkbox value="horror" label="恐怖" />
    <!-- ... -->
</flux:checkbox.group>

当然，如果你只需要单选，药丸同样适用于 radio.group 组件。

查看复选框的“药丸（pills）”变体 →

可选择的按钮

按钮变体提供更醒目且更可操作的工具栏风格选项，非常适合功能切换和成组控件：

<flux:radio.group variant="buttons" label="反馈类型">
    <flux:radio icon="bug-ant">错误报告</flux:radio>
    <flux:radio icon="light-bulb">建议</flux:radio>
    <flux:radio icon="question-mark-circle">问题</flux:radio>
</flux:radio.group>

查看单选的“按钮（buttons）”变体 →

与所有 Flux 组件一样，这些变体完全支持键盘可访问性，具有完善的焦点管理和屏幕阅读器支持。药丸在需要时会自然换行，而按钮则保持一致的尺寸与对齐。

两种变体都支持与标准单选和复选组件相同的所有属性——图标、禁用状态等。