Skip to main content

WYSIWYG

(What You See Is What You Get)

The wysiwyg is a component that allows the user to edit a text using a rich text editor.

note

The wysiwyg component is based on the Quill library. So it will generate a string containing HTML.

{
"comment": {
"component": "wysiwyg",
"label": "Comment"
}
}

This will generate this data :

{
"comment": "<p>This is a comment</p>"
}

Storybook Examples

Simple Wysiwyg#