<RichTextMenu>
A menu of rich text controls for the richtext field.
<RichTextMenu>
<RichTextMenu.Group>
<RichTextMenu.Bold />
<RichTextMenu.Italic />
<RichTextMenu.Underline />
</RichTextMenu.Group>
</RichTextMenu>Props
| Prop | Example | Type | Status |
|---|---|---|---|
children | <div /> | ReactNode | Required |
Required Props
children
A fragment of <RichTextMenu.Group> components, each containing:
- included controls,
- custom controls using
<RichTextMenu.Control>, or - additional custom UI
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.