Toggle Group

Segmented toggle — single selection from N options.

Import

import { ToggleGroup } from "neoterm-ui";

Usage

<ToggleGroup
  value={view}
  onChange={setView}
  items={[
    { value: "grid", label: "Grid" },
    { value: "list", label: "List" },
    { value: "table", label: "Table" },
  ]}
/>

Props

Prop	Type	Default	Description
items	ToggleGroupItem[]	—	Array of { value, label, icon? }.
value	string	—	Currently selected value.
onChange	(value: string) => void	—	Selection callback.
size	"sm" \| "md"	"md"	Size variant.
variant	"default" \| "neon" \| "ghost"	"default"	Visual style.