Whitespace Markers

About this piece

Code lines with muted middle-dots for spaces and → glyphs for tabs, revealing indentation.

Usage

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

import { Editor44 } from "@/components/beste/piece/editor44";

<Editor44
  bordered={false}
/>

for (let $1:i = 0; $1 < $2:arr.length; $1++) {}

index.tsx

button.tsx

card.tsx

const greet = (name: string) => `Hello, ${name}!`;

const name = 'Hania';
const role = 'design';
const team = 'core';

return greet(name);

Hania

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