
A block Rich Text node for a Text component
Options
Sets the
display
property of the ReactNode
that is passed to the control. This is useful for visually editing buttons and links.Mode | Description |
---|---|
RichText.Mode.Block | Use for creating editable full line blocks of your site. Passes a ReactNode that is display: block . |
RichText.Mode.Inline | Use for visually editing buttons and links. Passes a ReactNode that is display: inline . Prevents hydration mismatch errors that can occur when placing block level elements into inline level elements. Only available for v0.10.0 and above. |
Prop type
The RichText control passes aReactNode
to your component.
Example
Block mode
Inline mode
.makeswift.ts
is a naming convention for organizing Makeswift registration
code. Learn
more.Changelog
Version | Changes |
---|---|
v0.10.0 | Overhauled control architecture and introduced Inline mode. |
v0.6.3 | Introduced RichText control. |