可选标签 Chip

<button class="xxd-chip" aria-pressed="true">海报</button> <button class="xxd-chip">封面</button>

export function ChipDemo() {
  const [on, setOn] = useState<Record<string, boolean>>({ 海报: true, 封面: false });
  return (
    <div className="xxd-cluster">
      {Object.keys(on).map((k) => (
        <Chip key={k} pressed={on[k]} onPressedChange={(p) => setOn({ ...on, [k]: p })}>{k}</Chip>
      ))}
    </div>
  );
}