docs(colors): improve styling (#37)

ZopaPublic · Jun 21, 2019 · 02a186f · 02a186f
1 parent ae12f12
commit 02a186f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/src/content/Colors/Colors.md b/src/content/Colors/Colors.md
@@ -14,20 +14,30 @@ You can modify the Colors component with a js object of colors. See props & meth
 
 ### Base Colors
 
-    <Colors defaultSection='base' />
+```js noeditor
+<Colors defaultSection="base" />
+```
 
 ### Primary Colors
 
-    <Colors defaultSection='primary' />
+```js noeditor
+<Colors defaultSection="primary" />
+```
 
 ### Extended Colors
 
-    <Colors defaultSection='extended' />
+```js noeditor
+<Colors defaultSection="extended" />
+```
 
 ### Neutral Colors
 
-    <Colors defaultSection='neutral' />
+```js noeditor
+<Colors defaultSection="neutral" />
+```
 
 ### Alert Colors
 
-    <Colors defaultSection='alert' />
+```js noeditor
+<Colors defaultSection="alert" />
+```
diff --git a/src/content/Colors/Colors.tsx b/src/content/Colors/Colors.tsx
@@ -35,11 +35,15 @@ export interface IColorsProps {
    * Object with the colors for testing purposes.
    * The key must be the name of the color and the value the color itself as in css. (e.g: { red: '#ff0000' }).
    * @default defaultColors of Zopa
+   * @ignore
    */
   colors?: {
     [colorName: string]: string;
   };
-  /** section of the default colors */
+  /**
+   * section of the default colors
+   * @ignore
+   */
   defaultSection: 'base' | 'primary' | 'extended' | 'neutral' | 'alert';
 }