ModeToolbar：颜色选择器模式标签页

ModeToolbar 用于在 React 颜色选择器的各个模式之间切换。传入两个或更多模式时，ChromaPanel 会加上它；只有一个模式时则会隐藏。

这个工具栏是基于 SegmentedControl 的标签列表（tablist）。只有选中的标签页在 Tab 键顺序中。方向键在模式之间移动，Home 和 End 分别跳到第一个和最后一个模式。注册一个自定义模式，就能加上你自己的标签页。

结构

import { ModeToolbar } from "chroma-panel";

只能在面板内使用

内置模式就是由这些基础组件搭起来的。它通过 usePanel() 读取颜色，所以只能放在 ChromaPanel 里使用，通常用在自定义模式中。如果要在面板之外做颜色选择器，请使用颜色 store 和相关 hook。

Prop	Type	Default	Description
modes*	PickerMode[]	—	The modes to show, in tab order.
activeId*	string	—	Id of the mode currently open.
onSelect*	(id: string) => void	—	Fires with the id of the mode chosen.