标签页 Tabs

<div class="xxd-tabs" data-xxd-tabs>
  <button role="tab" id="t1" aria-controls="p1" aria-selected="true">写作</button>
  <button role="tab" id="t2" aria-controls="p2">记录</button>
</div>
<div id="p1">…</div><div id="p2">…</div>

export function TabsDemo() {
  return (
    <Tabs
      variant="underline"
      tabs={[
        { value: "write", label: "写作" },
        { value: "history", label: "记录" },
        { value: "settings", label: "设置" },
      ]}
      selectedValue="write"
    />
  );
}