diff --git a/editor/modes/visual-editor/block.js b/editor/modes/visual-editor/block.js
index 9b97a37a172a9..788f98189ccfa 100644
--- a/editor/modes/visual-editor/block.js
+++ b/editor/modes/visual-editor/block.js
@@ -3,7 +3,7 @@
*/
import { connect } from 'react-redux';
import classnames from 'classnames';
-import { Slot } from 'react-slot-fill';
+import { Fill, Slot } from 'react-slot-fill';
import { partial } from 'lodash';
/**
@@ -237,6 +237,16 @@ class VisualEditorBlock extends wp.element.Component {
mergeWithPrevious={ this.mergeWithPrevious }
/>
+ { isSelected &&
+
+ { block.blockType } settings...
+
+ { Object.keys( block.attributes ).map( ( attribute, index ) => (
+ - { attribute }: { block.attributes[ attribute ] }
+ ) ) }
+
+
+ }
);
/* eslint-enable jsx-a11y/no-static-element-interactions, jsx-a11y/onclick-has-role, jsx-a11y/click-events-have-key-events */
diff --git a/editor/sidebar/index.js b/editor/sidebar/index.js
index 250f3985003da..8256035beb0ba 100644
--- a/editor/sidebar/index.js
+++ b/editor/sidebar/index.js
@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import { Slot } from 'react-slot-fill';
+
/**
* Internal Dependencies
*/
@@ -6,6 +11,12 @@ import './style.scss';
const Sidebar = () => {
return (
);
};
diff --git a/editor/sidebar/style.scss b/editor/sidebar/style.scss
index ca303fe10fbdc..10d79152e6864 100644
--- a/editor/sidebar/style.scss
+++ b/editor/sidebar/style.scss
@@ -31,3 +31,19 @@
.editor-layout.is-sidebar-opened .editor-text-editor__formatting {
margin-right: $sidebar-width;
}
+
+.editor-sidebar__header {
+ padding: 16px;
+}
+
+.editor-sidebar__select-post {
+ font-weight: 600;
+ text-decoration: underline;
+}
+
+.editor-sidebar__content {
+ background: $white;
+ border-bottom: 1px solid $light-gray-500;
+ border-top: 1px solid $light-gray-500;
+ padding: 16px;
+}