diff --git a/ui/docs/containers/app/index.js b/ui/docs/containers/app/index.js index 57adffe7..0035f7b8 100644 --- a/ui/docs/containers/app/index.js +++ b/ui/docs/containers/app/index.js @@ -24,10 +24,10 @@ module.exports = () => { - + - + +
{item}
); diff --git a/ui/docs/containers/item/style.css b/ui/docs/containers/item/style.css deleted file mode 100644 index e5608293..00000000 --- a/ui/docs/containers/item/style.css +++ /dev/null @@ -1,10 +0,0 @@ - -.item { - flex-grow: 1; - flex-shrink: 1; - flex-basis: auto; - - @media (min-width: 48em) { - margin-left: 15rem; - } -} diff --git a/ui/src/components/button/readme.md b/ui/src/components/button/readme.md index c004d9c4..61b8e64b 100644 --- a/ui/src/components/button/readme.md +++ b/ui/src/components/button/readme.md @@ -14,25 +14,23 @@ const styles = require('./style.css'); nmodule.exports = ReactDOM.renderToString( - - - - - - - - - - - - - + + + + + + + + + + + ); ``` diff --git a/ui/src/components/checkbox/readme.md b/ui/src/components/checkbox/readme.md index 7842807f..71d653dd 100644 --- a/ui/src/components/checkbox/readme.md +++ b/ui/src/components/checkbox/readme.md @@ -14,29 +14,27 @@ const styles = require('./style.css'); nmodule.exports = ReactDOM.renderToString( - - - - - Checkbox checked - - - - - - - Checkbox unchecked - - - - - - - Checkbox disabled - - - - + + + + Checkbox checked + + + + + + + Checkbox unchecked + + + + + + + Checkbox disabled + + + ); ``` diff --git a/ui/src/components/column/readme.md b/ui/src/components/column/readme.md index fb2ef870..5531b836 100644 --- a/ui/src/components/column/readme.md +++ b/ui/src/components/column/readme.md @@ -11,7 +11,7 @@ const Row = require('../row'); const Column = require('./index'); const styles = { - container: { + base: { backgroundColor: '#FFEBEE' }, row: { @@ -25,13 +25,13 @@ const styles = { }; nmodule.exports = ReactDOM.renderToString( - + 1 2 3 - + ); ``` @@ -45,13 +45,11 @@ const Column = require('ui/column'); module.exports = () => { return ( - - - 1 - 2 - 3 - - + + 1 + 2 + 3 + ); }; ``` \ No newline at end of file diff --git a/ui/src/components/container/readme.md b/ui/src/components/container/readme.md index 25501fd2..9e76d7b8 100644 --- a/ui/src/components/container/readme.md +++ b/ui/src/components/container/readme.md @@ -1,18 +1,3 @@ # `` -## demo - -```embed -const React = require('react'); -const ReactDOM = require('react-dom/server'); -const Container = require('./index.js'); -const Button = require('../button'); - -nmodule.exports = ReactDOM.renderToString( - - - -); -``` - ## usage diff --git a/ui/src/components/row/readme.md b/ui/src/components/row/readme.md index c03b0ef8..fda43cec 100644 --- a/ui/src/components/row/readme.md +++ b/ui/src/components/row/readme.md @@ -10,12 +10,10 @@ const Container = require('../container'); const Button = require('../button'); nmodule.exports = ReactDOM.renderToString( - - - - - - + + + + ); ``` diff --git a/ui/src/components/toggle/readme.md b/ui/src/components/toggle/readme.md index 053f8d32..12c1430b 100644 --- a/ui/src/components/toggle/readme.md +++ b/ui/src/components/toggle/readme.md @@ -14,16 +14,14 @@ const styles = require('./style.css'); nmodule.exports = ReactDOM.renderToString( - - - - - - - - - - + + + + + + + + ); ``` diff --git a/ui/test/index.js b/ui/test/index.js index c5415ec3..f1485733 100644 --- a/ui/test/index.js +++ b/ui/test/index.js @@ -11,3 +11,4 @@ test('renders