Keybinding

import {KeybindingIcon} from "@qui/react-vscode"

Examples

Showcase

Dark Modern
CTRLK
import {ReactNode} from "react"
import {Keybinding, KeybindingIcon} from "@qui/react-vscode"
export default function Showcase(): ReactNode {
return (
<Keybinding>
<KeybindingIcon>CTRL</KeybindingIcon>
<KeybindingIcon>K</KeybindingIcon>
</Keybinding>
)
}

API

KeybindingProps

Name & DescriptionOption(s)Default
The component used for the root node. It can be a React component or element.
| ElementType
| ComponentType
'span'
React children prop.
ReactNode
Type
| ElementType
| ComponentType
Default
'span'
Description
The component used for the root node. It can be a React component or element.
Description
React children prop.

KeybindingIconProps

Name & DescriptionOption(s)Default
The component used for the root node. It can be a React component or element.
| ElementType
| ComponentType
'span'
React children prop.
ReactNode
Type
| ElementType
| ComponentType
Default
'span'
Description
The component used for the root node. It can be a React component or element.
Description
React children prop.