Command Palette

About this piece

Command palette card with a search bar and ranked results.

Usage

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

import { Editor9 } from "@/components/beste/piece/editor9";

<Editor9
  query="format"
  commands={[
    {
      "label": "Format Document"
    },
    {
      "label": "Format Selection"
    },
    {
      "label": "Reveal in File Explorer"
    }
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor

Theme

return greet(name);

Hania

greet.ts

1export function greet(name: string) {
2  return `Hello, ${name}!`;
3}
4 
5// Ship it

Zen Modemanifesto.md

Dashboard
state
render
computeStats

1--primary:  #f43f5e;
2--accent:  #8b5cf6;
3--surface:  #0ea5e9;