Token

Displays a tag, category, or selection with optional click and removal actions.

longlink docs --component "Token"

ResearchOpen source

function Example() {
  return (
    <Stack direction="horizontal" wrap="wrap" gap={2}>
      <Token label="Research" />
      <Token label="Open source" color="blue" />
    </Stack>
  );
}

Research

function Example() {
  const [selected, setSelected] = useState(true);
  return selected ? <Token label="Research" onRemove={() => setSelected(false)} /> : null;
}