diff --git a/src/Plugin/WebformElement/WebformMore.php b/src/Plugin/WebformElement/WebformMore.php
new file mode 100644
index 00000000..cc93afe7
--- /dev/null
+++ b/src/Plugin/WebformElement/WebformMore.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace Drupal\webform\Plugin\WebformElement;
+
+use Drupal\Core\Form\FormStateInterface;
+
+/**
+ * Provides a 'item' element.
+ *
+ * @WebformElement(
+ *   id = "webform_more",
+ *   label = @Translation("More"),
+ *   description = @Translation("Provides a more slideout element."),
+ *   category = @Translation("Markup"),
+ * )
+ */
+class WebformMore extends WebformMarkupBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  public function getDefaultProperties() {
+    return [
+      'more_title' => \Drupal::config('webform.settings')->get('element.default_more_title'),
+      'more' => '',
+      'attributes' => [],
+      // Markup settings.
+      'display_on' => static::DISPLAY_ON_FORM,
+    ] + $this->getDefaultBaseProperties();
+  }
+
+  /**
+   * {@inheritdoc}
+   */
+  public function form(array $form, FormStateInterface $form_state) {
+    $form = parent::form($form, $form_state);
+    $form['markup']['#title'] = $this->t('Webform settings');
+    $form['markup']['more_title'] = [
+      '#type' => 'textfield',
+      '#title' => $this->t('More title'),
+      '#description' => $this->t('The click-able label used to open and close more text.'),
+      '#required' => TRUE,
+    ];
+    $form['markup']['more'] = [
+      '#type' => 'webform_html_editor',
+      '#title' => $this->t('More text'),
+      '#description' => $this->t('A long description of the element that provides form additional information which can opened and closed.'),
+      '#required' => TRUE,
+    ];
+    return $form;
+  }
+  /**
+   * {@inheritdoc}
+   */
+  public function preview() {
+    return parent::preview() + [
+      '#more' => 'This is more content',
+    ];
+  }
+
+}
diff --git a/src/Tests/Element/WebformElementMoreTest.php b/src/Tests/Element/WebformElementMoreTest.php
index f9928743..16d6f762 100644
--- a/src/Tests/Element/WebformElementMoreTest.php
+++ b/src/Tests/Element/WebformElementMoreTest.php
@@ -22,25 +22,30 @@ class WebformElementMoreTest extends WebformElementTestBase {
   public function testMore() {
     $this->drupalGet('/webform/test_element_more');
 
-    // Check default more.
-    $this->assertRaw('<div id="edit-more--more" class="js-webform-element-more webform-element-more">');
-    $this->assertRaw('<div class="webform-element-more--link"><a role="button" href="#edit-more--more--content">More</a></div>');
+    // Check more element.
+    $this->assertRaw('<div data-drupal-selector="edit-more" id="webform-element-more" class="js-webform-element-more webform-element-more">');
+    $this->assertRaw('<div class="webform-element-more--link"><a role="button" href="#webform-element-more--content">More</a></div>');
+    $this->assertRaw('<div id="webform-element-more--content" class="webform-element-more--content">{This is an example of more}</div>');
 
-    // Check more with custom title.
-    $this->assertRaw('<div id="edit-more-title--more" class="js-webform-element-more webform-element-more">');
-    $this->assertRaw('<div class="webform-element-more--link"><a role="button" href="#edit-more-title--more--content">{Custom more title}</a></div>');
+    // Check textfield default more.
+    $this->assertRaw('<div id="edit-more-textfield--more" class="js-webform-element-more webform-element-more">');
+    $this->assertRaw('<div class="webform-element-more--link"><a role="button" href="#edit-more-textfield--more--content">More</a></div>');
 
-    // Check more with HTML markup.
-    $this->assertRaw('<div id="edit-more-html--more" class="js-webform-element-more webform-element-more">');
-    $this->assertRaw('<div id="edit-more-html--more--content" class="webform-element-more--content">{This is an example of more with <b>HTML markup</b>}</div>');
+    // Check textfield more with custom title.
+    $this->assertRaw('<div id="edit-more-textfield-title--more" class="js-webform-element-more webform-element-more">');
+    $this->assertRaw('<div class="webform-element-more--link"><a role="button" href="#edit-more-textfield-title--more--content">{Custom more title}</a></div>');
 
-    // Check more with description.
-    $this->assertRaw('<div id="edit-more-title-description--description" class="webform-element-description">{This is an example of a description}</div>');
-    $this->assertRaw('<div id="edit-more-title-description--more" class="js-webform-element-more webform-element-more">');
+    // Check textfield more with HTML markup.
+    $this->assertRaw('<div id="edit-more-textfield-html--more" class="js-webform-element-more webform-element-more">');
+    $this->assertRaw('<div id="edit-more-textfield-html--more--content" class="webform-element-more--content">{This is an example of more with <b>HTML markup</b>}</div>');
+
+    // Check textfield more with description.
+    $this->assertRaw('<div id="edit-more-textfield-title-desc--description" class="webform-element-description">{This is an example of a description}</div>');
+    $this->assertRaw('<div id="edit-more-textfield-title-desc--more" class="js-webform-element-more webform-element-more">');
 
     // Check more with hidden description.
-    $this->assertRaw('<div id="edit-more-title-description-hidden--description" class="webform-element-description visually-hidden">{This is an example of a hidden description}</div>');
-    $this->assertRaw('<div id="edit-more-title-description-hidden--more" class="js-webform-element-more webform-element-more">');
+    $this->assertRaw('<div id="edit-more-textfield-title-desc-hidden--description" class="webform-element-description visually-hidden">{This is an example of a hidden description}</div>');
+    $this->assertRaw('<div id="edit-more-textfield-title-desc-hidden--more" class="js-webform-element-more webform-element-more">');
 
     // Check datetime more.
     $this->assertRaw('<div id="edit-more-datetime--more" class="js-webform-element-more webform-element-more">');
diff --git a/tests/modules/webform_test/config/install/webform.webform.test_element_more.yml b/tests/modules/webform_test/config/install/webform.webform.test_element_more.yml
index d268fa2a..52001dce 100644
--- a/tests/modules/webform_test/config/install/webform.webform.test_element_more.yml
+++ b/tests/modules/webform_test/config/install/webform.webform.test_element_more.yml
@@ -16,27 +16,30 @@ description: 'Test element #more and #more_title properties.'
 category: 'Test: Element'
 elements: |
   more:
+    '#type': webform_more
+    '#more': '{This is an example of more}'
+  more_textfield:
     '#type': textfield
     '#title': more
     '#more': '{This is an example of more}'
-  more_title:
+  more_textfield_title:
     '#type': textfield
     '#title': more_title
     '#more_title': '{Custom more title}'
     '#more': '{This is an example of more}'
-  more_html:
+  more_textfield_html:
     '#type': textfield
     '#title': more_html
     '#more': '{This is an example of more with <b>HTML markup</b>}'
-  more_title_description:
+  more_textfield_title_desc:
     '#type': textfield
-    '#title': more_title_description
+    '#title': more_title_desc
     '#description': '{This is an example of a description}'
     '#more_title': '{Custom more title}'
     '#more': '{This is an example of more}'
-  more_title_description_hidden:
+  more_textfield_title_desc_hidden:
     '#type': textfield
-    '#title': more_title_description_hidden
+    '#title': more_title_desc_hidden
     '#description': '{This is an example of a hidden description}'
     '#description_display': invisible
     '#more_title': '{Custom more title}'
@@ -61,7 +64,7 @@ elements: |
     '#more': '{This is an example of more}'
     '#description': '{This is a description}'
     '#description_display': tooltip
-  
+
 css: ''
 javascript: ''
 settings: