cmdk-base

KO | EN

gitlite — search

#python #typescript #machine-learning #rust #deep-learning #docker #awesome #kubernetes #awesome-list #vue #security #pytorch #openai #open-source

(★ 81)

Fast, unstyled command menu React component.

File Explorer

Download Latest Version (.zip)

- FUNDING.yml
- settings.json
- - .gitignore
  - eslint.config.mjs
  - next.config.ts
  - package.json
  - postcss.config.mjs
  - prettier.config.mjs
  - tailwind.config.ts
  - tsconfig.json
- - .gitignore
  - eslint.config.mjs
  - package.json
  - prettier.config.mjs
  - README.md
  - tsconfig.json
- og.jpg
.commitlintrc.json
.gitignore
.npmrc
changelog.config.js
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
prettier.config.mjs
README.md
turbo.json

// 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

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

cmdk-base

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README