A collection of beautifully designed, accessible, and customizable terminal UI components. Built on Ink and OpenTUI. Works with shadcn/ui.

How do I publish components with termcn?

Add or edit components under registry/bases/ink/ or registry/bases/opentui/, register them in registry.json, run pnpm registry:build (which refreshes public/r/), then deploy. Consumers install with npx shadcn@latest add against your published registry URL.

Is termcn open source?

Yes. The source is on GitHub and released under the MIT License.

Multi Select

Multi-select list with checkboxes and select-all

Ink OpenTUI

Terminal

multi-select-demo

No opentui live preview is registered for this example yet.

Installation


$ pnpm dlx shadcn@latest add @termcn/opentui-multi-select

Usage

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

<MultiSelect
  options={[
    { value: "react", label: "React" },
    { value: "vue", label: "Vue" },
    { value: "svelte", label: "Svelte" },
  ]}
  onChange={(values) => {}}
/>

API Reference

MultiSelect

Prop	Type	Default
`options`	`MultiSelectOption<T>[]`	`required`
`value`	`T[]`	-
`onChange`	`(values: T[]) => void`	-
`onSubmit`	`(values: T[]) => void`	-
`cursor`	`string`	`"›"`
`checkmark`	`string`	`"◉"`
`height`	`number`	-

Color Picker Radio Group

On This Page

Installation Usage API Reference MultiSelect

Edit this page Follow @shadcnlabs Join community