Playground: Add link to components storybook. (#17982)

WordPress · Oct 17, 2019 · 5991eeb · 5991eeb
1 parent a284f26
commit 5991eeb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/playground/src/index.js b/playground/src/index.js
@@ -12,6 +12,7 @@ import {
 	ObserveTyping,
 } from '@wordpress/block-editor';
 import {
+	Button,
 	Popover,
 	SlotFillProvider,
 	DropZoneProvider,
@@ -40,6 +41,9 @@ function App() {
 		<Fragment>
 			<div className="playground__header">
 				<h1 className="playground__logo">Gutenberg Playground</h1>
+				<Button isLarge href="design-system/components" target="_blank">
+					Design System Components
+				</Button>
 			</div>
 			<div className="playground__body">
 				<SlotFillProvider>
@@ -67,7 +71,4 @@ function App() {
 }
 
 registerCoreBlocks();
-render(
-	<App />,
-	document.querySelector( '#app' )
-);
+render( <App />, document.querySelector( '#app' ) );
diff --git a/playground/src/style.scss b/playground/src/style.scss
@@ -10,8 +10,11 @@
 
 
 .playground__header {
-	padding: 20px;
+	align-items: center;
 	border-bottom: 1px solid #ddd;
+	display: flex;
+	justify-content: space-between;
+	padding: 20px;
 }
 
 .playground__logo {