Rich Text Editor

rich-text-editor

.slds-rich-text-editor — The Rich Text Editor is a textarea with added capabilities for use in various publishers.

base

.slds-rich-text-editor — The default rich text editor contains a minimal amount of text formatting capabilities.

base › Bottom toolbar

base › With a Label

base › Email

base › Toolbar Narrow

base › Feed

base › Notes

base › Styling Hooks - Base (Min Height)

base › Styling Hooks - Base (Max Height)

.slds-rich-text-editor_toolbar-only

.slds-rich-text-editor_toolbar-only — Rich text editor container for when toolbar is detached from Textarea.

.slds-rich-text-editor__toolbar_detached

.slds-rich-text-editor__toolbar_detached — Container for Rich Text Editor Toolbar when detached from Textarea

.slds-rich-text-editor__toolbar

.slds-rich-text-editor__toolbar — Container for Rich Text Editor Toolbar

.slds-rich-text-editor__col

.slds-rich-text-editor__col — Container for Rich Text Editor Toolbar

.slds-rich-text-editor__col_grow

.slds-rich-text-editor__col_grow — Container for Rich Text Editor Toolbar

.slds-rich-text-editor__toolbar-bottom

.slds-rich-text-editor__toolbar-bottom — Container for Rich Text Editor Bottom Toolbar

.slds-rich-text-editor__select

.slds-rich-text-editor__select — Container for Rich Text Editor Combobox

.slds-rich-text-editor__select_x-small

.slds-rich-text-editor__select_x-small — Container X-Small Size for Rich Text Editor Combobox

.slds-rich-text-editor__select_xx-small

.slds-rich-text-editor__select_xx-small — Container XX-Small Size for Rich Text Editor Combobox

.slds-has-focus

.slds-has-focus — Focus state for rich text editor

.slds-has-error

.slds-has-error — Error state for rich text editor

.slds-rich-text-area__content

.slds-rich-text-area__content — Textarea for Rich Text Editor which is an editable div