Skip to components
DEVELOPER REFERENCE · v4.0.0

TypographyControls API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

TypographyControls4 props1 callbacks0 methods

Props4

TypographyControls props
NameTypeDescription
valueRequired
TypographyValueInspect type
Value to display or edit. The declared type identifies the supported representation; change callbacks describe how edited values are emitted.
fontsOptional
readonly string[] | undefinedInspect type
Font-family choices offered by the typography controls.
labelsRequired
{ readonly fontFamily: string; readonly defaultFont: string; readonly fontSize: string; readonly typographySection: string; readonly bold: string; readonly italic: string; readonly underline: string; readonly strike: string; }Inspect type
Localized text labels for the controls in this composition.
iconsRequired
Record<"bold" | "strike" | "italic" | "underline", string>Inspect type
Trusted SVG markup for the typography action icons.

Events and callbacks1

TypographyControls events and callbacks
NameTypeDescription
onChangeRequired
(patch: Partial<TypographyValue>) => voidInspect type
Receives the new value when the user changes the control. Update the corresponding value prop for controlled use.

Methods0

No component-specific imperative methods. Use props and callbacks to control this component.