PlainTextLabel

See source code
Table of contents

Renders a text label that can be used inside of shapes. The component has the ability to be edited in place and furthermore supports rich text editing.

Properties

bounds

optional
bounds?: Box;

classNamePrefix

optional
classNamePrefix?: string;

fontFamily

fontFamily: string;

fontSize

fontSize: number;

isSelected

isSelected: boolean;

labelColor

labelColor: string;

lineHeight

lineHeight: number;

onKeyDown

optional

Parameters

NameDescription

e

KeyboardEvent;

Returns

void;

padding

optional
padding?: number;

shapeId

shapeId: TLShapeId;

showTextOutline

optional
showTextOutline?: boolean;

style

optional
style?: React.CSSProperties;

text

optional
text?: string;

textAlign

textAlign: "center" | "end" | "start";

textHeight

optional
textHeight?: number;

textWidth

optional
textWidth?: number;

type

type: ExtractShapeByProps<{
  text: string;
}>["type"];

verticalAlign

verticalAlign: "end" | "middle" | "start";

wrap

optional
wrap?: boolean;
Prev
PlainTextArea
Next
PreferencesGroup