Text Editor

We use text editors to allow users to enter multiple lines of formatted text.

If users need to add unformatted text, see Text Area.
Demo and Developer GuidelinesFigma Component

Anatomy

We use a personalized version of a 3rd party rich text editor called TinyMCE. We only support/maintain a certain amount of the text editor attributes, so careful coordination and consideration should be taken when changing/upgrading them.

Placeholder / Value

The placeholder allows the user to overwrite when they start typing. When there is no inputted value, display the placeholder “Enter [label]” with no ellipses at the end. Placeholders are sentence case without punctuation.

Character count limit: 40

Error

Specifications

Padding

Styling