Dakik// Bits
Dakik.co.uk
All bits

// Navigation

Command

Searchable command input with filtering.

// Rendering preview…

// Install

npx shadcn@latest add @dakik/command

// Usage

1import { CommandDialog, CommandDialogTrigger, CommandDialogContent, Command } from "@/components/ui/command";
2
3<CommandDialog />

// Code

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import { Combobox as ArkCombobox } from "@ark-ui/react/combobox";
5import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
6import { SearchIcon } from "lucide-react";
7import type React from "react";
8import { cn } from "@/lib/utils";
9import {
10 Combobox,
11 ComboboxControl,
12 ComboboxEmpty,
13 ComboboxGroup,
14 ComboboxGroupLabel,
15 type ComboboxItem,
16 ComboboxList,
17 comboboxItemVariants,
18} from "@/registry/react/components/combobox";
19import {
20 Dialog,
21 type DialogContent,
22 DialogHeader,
23 DialogOverlay,
24 DialogPositioner,
25 DialogTrigger,
26 dialogContentVariants,
27} from "@/registry/react/components/dialog";
28import type { InputProps } from "@/registry/react/components/input";

// Dependencies