キーボードキー

キーボードキーは、特定の操作を実行するキーまたはキーの組み合わせを表示するコンポーネントです。

インストール

npx nextui-cli@latest add kbd

上記のコマンドは、個別インストール専用です。もし@nextui-org/react がグローバルにインストールされている場合は、このステップをスキップできます。 @nextui-org/react がすでにグローバルにインストールされている場合は、このステップをスキップできます。

インポート

使用法

キー

注意: 利用可能なすべてのキーを確認するには、APIセクションを確認してください。

スロット

• base: Kbdラッパー。配置、位置、全体的な外観を処理します。
• abbr: キーの外観を処理するkeysラッパー。
• content: コンテンツの外観を処理する子ラッパー。

アクセシビリティ

• 各コマンドkeyには、キーが実行するアクションを説明するtitle属性があります。

API

キーボードキーのプロパティ

キーボードキー

サポートされているキーの一覧。

type KbdKey =
  | "command"
  | "shift"
  | "ctrl"
  | "option"
  | "enter"
  | "delete"
  | "escape"
  | "tab"
  | "capslock"
  | "up"
  | "right"
  | "down"
  | "left"
  | "pageup"
  | "pagedown"
  | "home"
  | "end"
  | "help"
  | "space";