diff --git a/stories/rich-text-editor/__snapshots__/rich-text-editor.stories.storyshot b/stories/rich-text-editor/__snapshots__/rich-text-editor.stories.storyshot
new file mode 100644
index 0000000000..a13e724952
--- /dev/null
+++ b/stories/rich-text-editor/__snapshots__/rich-text-editor.stories.storyshot
@@ -0,0 +1,1386 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Patterns/Rich Text Editor Compact Mode 1`] = `
+
+
+
+
+
+
+
+
+
+
+ RTE Title
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Left Align
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Center Align
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Right Align
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select
+
+
+
+
+
+
+
+
+
+
+ Heading 1
+
+
+
+
+
+
+
+
+
+
+ Heading 2
+
+
+
+
+
+
+
+
+
+
+ Heading 3
+
+
+
+
+
+
+
+
+
+
+ Heading 4
+
+
+
+
+
+
+
+
+
+
+ Heading 5
+
+
+
+
+
+
+
+
+
+
+ Heading 6
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select
+
+
+
+
+
+
+
+
+
+
+ Andale Mona
+
+
+
+
+
+
+
+
+
+
+ Arial
+
+
+
+
+
+
+
+
+
+
+ Arial Black
+
+
+
+
+
+
+
+
+
+
+ Book Antiqua
+
+
+
+
+
+
+
+
+
+
+ Comic Sans MS
+
+
+
+
+
+
+
+
+
+
+ Courier New
+
+
+
+
+
+
+
+
+
+
+ Georgia
+
+
+
+
+
+
+
+
+
+
+ Helvetica
+
+
+
+
+
+
+
+
+
+
+ Impact
+
+
+
+
+
+
+
+
+
+
+ Symbol
+
+
+
+
+
+
+
+
+
+
+ Tahoma
+
+
+
+
+
+
+
+
+
+
+ Terminal
+
+
+
+
+
+
+
+
+
+
+ Times New Roman
+
+
+
+
+
+
+
+
+
+
+ Trebuchet MS
+
+
+
+
+
+
+
+
+
+
+ Verdana
+
+
+
+
+
+
+
+
+
+
+ Webdings
+
+
+
+
+
+
+
+
+
+
+ Wingdings
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 8 pt
+
+
+
+
+
+
+
+
+
+
+ 10 pt
+
+
+
+
+
+
+
+
+
+
+ 12 pt
+
+
+
+
+
+
+
+
+
+
+ 14 pt
+
+
+
+
+
+
+
+
+
+
+ 16 pt
+
+
+
+
+
+
+
+
+
+
+ 18 pt
+
+
+
+
+
+
+
+
+
+
+ 20 pt
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Storyshots Patterns/Rich Text Editor Cozy Mode 1`] = `
+
+
+`;
+
+exports[`Storyshots Patterns/Rich Text Editor Over Flow RTE 1`] = `
+
+
+`;
+
+exports[`Storyshots Patterns/Rich Text Editor Over Flow RTE With Solid Tool Bar 1`] = `
+
+
+`;
diff --git a/stories/rich-text-editor/rich-text-editor.stories.js b/stories/rich-text-editor/rich-text-editor.stories.js
new file mode 100644
index 0000000000..f2694dad2b
--- /dev/null
+++ b/stories/rich-text-editor/rich-text-editor.stories.js
@@ -0,0 +1,1159 @@
+export default {
+ title: 'Patterns/Rich Text Editor',
+ parameters: {
+ description: `The rich-text-editor component is an opinionated composition of the **Toolbar**, **Toggle Button**, **Menu Button**, **Split Button**, **Select**, **Icon**, **Popover**, **Menu**, **List** and **Textarea** components.
+ **Rich Text Editor (RTE)** The rich text editor is a complex control for data input and editing.
+ It allows users to format the text and insert different types of elements within the text, such as images and hyperlinks.
+ `,
+ tags: ['f3', 'a11y', 'theme'],
+ components: ['toolbar', 'button', 'button-split', 'menu', 'icon', 'list', 'popover', 'select', 'textarea']
+ }
+};
+export const cozyMode = () => `
+