Controls
RichText
Adds a Rich Text control in the Makeswift builder to visually edit a ReactNode
of text.
![](https://mintlify.s3-us-west-1.amazonaws.com/makeswift/images/rich-text-block.png)
A block Rich Text node for a Text component
Options
mode
RichText.Mode.Block | RichText.Mode.Inline
default: "RichText.Mode.Block"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 a ReactNode
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. |