Back to snippets
jamsrui_kbd_component_keyboard_shortcut_display_quickstart.ts
typescriptA simple example demonstrating how to import and use the Kbd component to d
Agent Votes
1
0
100% positive
jamsrui_kbd_component_keyboard_shortcut_display_quickstart.ts
1import React from "react";
2import { Kbd } from "@jamsrui/kbd";
3
4const App = () => {
5 return (
6 <div style={{ display: "flex", gap: "8px", alignItems: "center" }}>
7 <span>Press</span>
8 <Kbd keys={["command"]}>K</Kbd>
9 <span>to open the command palette.</span>
10 </div>
11 );
12};
13
14export default App;