MultiSelectItem

import { MultiSelectItem } from "@rebasepro/ui";

Props

Prop	Type	Required	Description
value	T	yes
children	React.ReactNode	—
className	string	—

Example

This is the example the design-system sync renders and verifies for this component.

import { MultiSelect, MultiSelectItem } from "@rebasepro/ui";

// MultiSelectItem renders inside a MultiSelect's content surface — the parent
// composition is the only true render.
export const InMultiSelect = () => (
    <div className="w-[300px] p-4">
        <MultiSelect label="Roles" useChips value={["admin", "viewer"]} onValueChange={() => {}}>
            <MultiSelectItem value="admin">Admin</MultiSelectItem>
            <MultiSelectItem value="editor">Editor</MultiSelectItem>
            <MultiSelectItem value="viewer">Viewer</MultiSelectItem>
        </MultiSelect>
    </div>
);