Function KeyCap

packages/app-core/src/components/EditorSelectionToolbar.tsx:70–76

({ binding }: { binding: string })

}

function KeyCap({ binding }: { binding: string }): JSX.Element {
  return (
    <kbd className="rounded border border-paper-300 bg-paper-200/70 px-1.5 py-0.5 font-mono text-[11px] leading-none text-ink-600">
      {formatKeyToken(binding)}
    </kbd>
  )
}

/**
 * A Notion-style floating "bubble" toolbar over a text selection: a "Turn into"