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

align


bounds

optional
bounds?: Box;

classNamePrefix

optional
classNamePrefix?: string;

fill

optional
fill?: TLDefaultFillStyle;

font


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;

textHeight

optional
textHeight?: number;

textWidth

optional
textWidth?: number;

type

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

verticalAlign

verticalAlign: TLDefaultVerticalAlignStyle;

wrap

optional
wrap?: boolean;

Prev
PlainTextArea
Next
PreferencesGroup