Multi Select

npx ever-ui-clx@0.2.1 add demo-multi-select

import {
  MultiSelect,
  MultiSelectContent,
  MultiSelectGroup,
  MultiSelectItem,
  MultiSelectList,
  MultiSelectTrigger,
  MultiSelectValue,
} from "@/components/ui/multi-select";

<MultiSelect>
  <MultiSelectTrigger className="w-96">
    <MultiSelectValue placeholder="Select stack" />
  </MultiSelectTrigger>
  <MultiSelectContent>
    <MultiSelectList>
      <MultiSelectGroup heading="React">
        <MultiSelectItem value="react">React</MultiSelectItem>
        <MultiSelectItem value="next">Next.js</MultiSelectItem>
        <MultiSelectItem value="remix">Remix</MultiSelectItem>
      </MultiSelectGroup>
      <MultiSelectGroup heading="Vue">
        <MultiSelectItem value="vue">Vue</MultiSelectItem>
        <MultiSelectItem value="nuxt">Nuxt</MultiSelectItem>
      </MultiSelectGroup>
      <MultiSelectGroup heading="Others">
        <MultiSelectItem value="angular">Angular</MultiSelectItem>
        <MultiSelectItem value="svelte">Svelte</MultiSelectItem>
      </MultiSelectGroup>
    </MultiSelectList>
  </MultiSelectContent>
</MultiSelect>