Keymap List

About this piece

Panel listing editor actions with their kbd shortcut combinations on the right.

Usage

The import and the props worth knowing about, in one place.

import { Editor37 } from "@/components/beste/piece/editor37";

<Editor37
  title="Keybindings"
  bindings={[
    {
      "action": "Command palette",
      "keys": [
        "⌘",
        "K"
      ]
    },
    {
      "action": "Quick open",
      "keys": [
        "⌘",
        "P"
      ]
    },
    {
      "action": "Toggle terminal",
      "keys": [
        "⌃",
        "`"
      ]
    },
    {
      "action": "Format document",
      "keys": [
        "⌥",
        "⇧",
        "F"
      ]
    }
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor

index.tsx

button.tsx

card.tsx

Dashboard
state
render
computeStats

function greet(name: string)

Feature177 Content

Heading

No tutorials needed.

Description

If you can order food online, you can build a website with Beste.

Appearance

Images

Image entranceBlur in

Scroll effectParallax

Motion

Section animationBlur in

Animation speedSlow

1const message = `Hello`;
2const longer = `Shipping the biggest onboarding upgrade yet`;
3const wrapped = items.map((i) => i.name).join(', ') + '!'