forms / stable

PropertyEditor

A compact rich-text rail value that expands on focus while keeping the editor and draft mounted.

LIVE PREVIEW

Loading preview…

When to use

Steps or short rich-text notes in a PropertyField row.
Keep the full editor optional by importing it from the Kit /editor entry.

Consider an alternative

Long descriptions or documents — use Editor without this compact surface.

Import

import { PropertyEditor } from '@revido-llc/kit';

Keyboard interaction

Tab — focus the child editor
The child editor owns typing and formatting shortcuts

Props

Props documented by the Kit. Refer to the TypeScript types for the complete interface, including inherited props.


children	ReactNode	—
className	string	—

Examples

Editable rich-text value

import { PropertyField, PropertyEditor } from "@revido-llc/kit";
import { Editor } from "@revido-llc/kit/editor";
<PropertyField label="Steps"><PropertyEditor><Editor aria-label="Steps to replicate" defaultMarkdown={steps} onChange={onChange} /></PropertyEditor></PropertyField>

Read-only preview

<PropertyEditor><Editor aria-label="Steps to replicate" defaultMarkdown={steps} readOnly /></PropertyEditor>