Multi Select

import { MultiSelect } from "@/components/ui/multi-select";

const options = [
  { value: "react", label: "React" },
  { value: "vue", label: "Vue" },
  { value: "angular", label: "Angular" },
  { value: "svelte", label: "Svelte" },
];
 
const [selected, setSelected] = useState<string[]>([]);
 
const handleChange = (value: string, remove: boolean) => {
  if (remove) {
    setSelected(selected.filter((item) => item !== value));
  } else {
    setSelected([...selected, value]);
  }
};
 
<MultiSelect
  options={options}
  selected={selected}
  onChange={handleChange}
  placeholder="Select frameworks..."
  label="Frameworks"
/>;