DocsAPI ReferenceComponents<RichTextMenu>

<RichTextMenu>

A menu of rich text controls for the richtext field.

<RichTextMenu>
  <RichTextMenu.Group>
    <RichTextMenu.Bold />
    <RichTextMenu.Italic />
    <RichTextMenu.Underline />
  </RichTextMenu.Group>
</RichTextMenu>
Interactive Demo

Props

PropExampleTypeStatus
children<div />ReactNodeRequired

Required Props

children

A fragment of <RichTextMenu.Group> components, each containing:

Included controls

<RichTextMenu.AlignCenter>

Align the text to the center. Configured by the textAlign option.

<RichTextMenu.AlignJustify>

Justify the text. Configured by the textAlign option.

<RichTextMenu.AlignLeft>

Align the text to the left. Configured by the textAlign option.

<RichTextMenu.AlignRight>

Align the text to the right. Configured by the textAlign option.

<RichTextMenu.AlignSelect>

A select dropdown with all text alignment options. Configured by the textAlign option.

<RichTextMenu.Blockquote>

Wrap the text with <blockquote>. Configured by the blockquote option.

<RichTextMenu.Bold>

Mark the text as bold. Configured by the bold option.

<RichTextMenu.BulletList>

Wrap the text with an unordered list (<ul>). Configured by the bulletList and listItem options.

<RichTextMenu.CodeBlock>

Wrap the text with a code block (<pre> and <code>). Configured by the codeBlock option.

<RichTextMenu.HeadingSelect>

A select dropdown to set the text as a heading (h1, h2, h3, etc). Configured by the heading option.

<RichTextMenu.HorizontalRule>

Insert a horizontal rule (<hr>). Configured by the horizontalRule option.

<RichTextMenu.InlineCode>

Wrap the text with <code>. Configured by the code option.

<RichTextMenu.Italic>

Mark the text as italic. Configured by the italic option.

<RichTextMenu.ListSelect>

A select dropdown with all list options (ul, ol). Configured by the bulletList, orderedList and listItem options.

<RichTextMenu.OrderedList>

Wrap the text with an ordered list (<ol>). Configured by the orderedList and listItem options.

<RichTextMenu.Strikethrough>

Mark the text as struck-through. Configured by the strike option.

<RichTextMenu.Underline>

Mark the text as underlined. Configured by the underline option.