Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import * as React from "react" import { CommandPalette, Command } from "../controls/CommandPalette" export default { title: "CommandPalette", component: CommandPalette, } export const WithCommands = (): JSX.Element => { const demoCommands: Command[] = [ { combo: "ctrl+o", fn: (): void => {}, title: "Open", category: "File", }, { combo: "ctrl+s", fn: (): void => {}, title: "Save", category: "File", }, { combo: "ctrl+c", fn: (): void => {}, title: "Copy", category: "Edit", }, ] return <CommandPalette commands={demoCommands} display="block" /> } |