Docs
Multiselect

Multiselect

Multi-select component allows users to choose multiple options from a list simultaneously. It typically features checkboxes next to each option in a dropdown menu, enabling users to select or deselect options as needed. This component enhances usability by providing a user-friendly interface for selecting multiple items efficiently, making it ideal for forms or data filtering functionalities in web applications.

Installation

yarn add @camped-ui/multi-select

Usage

import {
  MultiSelector,
  MultiSelectorContent,
  MultiSelectorInput,
  MultiSelectorItem,
  MultiSelectorList,
  MultiSelectorTrigger,
} from "@camped-ui/multi-select";

Examples

Default

Multi-Select with Limit

Form

Outreach

Select people to invite to this event