cmdk-base

KO | EN

gitlite — search

#python #nodejs #android #proxy #rust #php #mongodb #docker #hacktoberfest #ruby #xml #java

★ 80 Open GitHub ↗

Fast, unstyled command menu React component.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ⌘K Base

![](https://raw.githubusercontent.com/borabaloglu/cmdk-base/main/static/og.jpg)

[![npm version](https://flat.badgen.net/npm/v/cmdk-base?color=green)](https://npmjs.com/package/cmdk-base)
[![npm downloads](https://flat.badgen.net/npm/dm/cmdk-base?color=green)](https://npmjs.com/package/cmdk-base)
[![license](https://flat.badgen.net/github/license/borabaloglu/cmdk-base?color=green)](https://github.com/borabaloglu/cmdk-base/blob/main/LICENSE)

⌘K Base is a Fast, composable, unstyled command menu for React.

This is a port of [⌘K](https://github.com/pacocoursey/cmdk) using [Base UI's Dialog](https://base-ui.com/react/components/dialog) internally. It was originally created by [Paco Coursey](https://paco.me/).

## Usage

To start using ⌘K Base, install it in your project:

```bash
npm install cmdk-base
```

Use the Command in your application:

```tsx
import { Command } from "cmdk-base"

function CommandMenu() {
  return (
    <Command label="Command Menu">
      <Command.Input />
      <Command.List>
        <Command.Empty>No results found.</Command.Empty>

<Command.Group heading="Letters">
          <Command.Item>a</Command.Item>
          <Command.Item>b</Command.Item>
          <Command.Separator />
          <Command.Item>c</Command.Item>
        </Command.Group>

<Command.Item>Apple</Command.Item>
      </Command.List>
    </Command>
  )
}
```

## Documentation

You can use original [⌘K documentation](https://github.com/pacocoursey/cmdk) for more information.

cmdk-base

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README