Skip to content
OTF Kit logoOTF Kit

Command Item

Input

Single-row primitive for command menus — leading icon, label, hotkey badge.

View in Storybook
Command Item
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import CommandListItem from @otfdashkit/ui.

Code
// Command Item — Single-row primitive for command menus — leading icon, label, hotkey badge.
//
// Install:
//   bun add @otfdashkit/ui

import { CommandListItem } from '@otfdashkit/ui'

export function Example() {
  return (
    <CommandListItem>
      {/* your content */}
    </CommandListItem>
  )
}

Props

Props declared in the CommandListItem source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
labelrequiredstring
activeboolean
classNamestring
descriptionstring
iconReactNode
onClick() => void
shortcutstring

Related