Ruler Guide

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

Ruler Guide

Editor panel with a rose vertical column-limit ruler and numbered code lines behind it.

Usage

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

import { Editor25 } from "@/components/beste/piece/editor25";

<Editor25
  lines={[
    {
      "text": "const message = `Hello`;"
    },
    {
      "text": "const longer = `Shipping the biggest onboarding upgrade yet`;"
    },
    {
      "text": "const wrapped = items.map((i) => i.name).join(', ') + '!'"
    }
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor
Feature177 Content
Heading

No tutorials needed.

Description

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

  • Dashboard
  • state
  • render
  • computeStats
12function renderChart(data) {
37}
const name = 'Hania';
const role = 'design';
const team = 'core';
The implmentation ships on Friday.
  • implementation
  • implements
  • implemented
const greet = (name: string) => `Hello, ${name}!`;