Adjust Button component

uxtx · Feb 26, 2016 · c75c018 · c75c018
1 parent 888c228
commit c75c018
Show file tree

Hide file tree

Showing 4 changed files with 234 additions and 98 deletions.
diff --git a/docs/components/Permutations.js b/docs/components/Permutations.js
@@ -43,7 +43,8 @@ const Permutations = ({ name, Component, raw, ...props }, { rebass }) => {
     title: [name + ' Title'],
     description: ['Description for ' + name],
     label: [name],
-    children: ['rcp-' + name],
+    rounded: [true],
+    // rounded: [true, 'left', false, 'right'],
     links: [
       [
         { href: '#!', children: 'Jxnblk' },

diff --git a/docs/examples.js b/docs/examples.js
@@ -38,12 +38,12 @@ const examples = {
       </Heading>
     </div>
   ),
-  Card: (
-    <Card width={320}>
-      <CardImage src='https://d262ilb51hltx0.cloudfront.net/max/2000/1*DZwdGMaeu-rvTroJYui6Uw.jpeg' />
-      <Heading size={3} children='Card' />
-      <Text>Cats like cards too</Text>
-    </Card>
+  Banner: (
+    <Banner
+      minHeight={512}
+      backgroundImage='https://d262ilb51hltx0.cloudfront.net/max/2000/1*DZwdGMaeu-rvTroJYui6Uw.jpeg'>
+      <Heading size={0} children='Rebass' />
+    </Banner>
   ),
   Block: (
     <Block padding={48} borderLeft backgroundColor='#eee'>
@@ -53,12 +53,19 @@ const examples = {
       </Media>
     </Block>
   ),
-  Banner: (
-    <Banner
-      minHeight={512}
-      backgroundImage='https://d262ilb51hltx0.cloudfront.net/max/2000/1*DZwdGMaeu-rvTroJYui6Uw.jpeg'>
-      <Heading size={0} children='Rebass' />
-    </Banner>
+  Button: (
+    <div>
+      <Button rounded='left' outline children='Button' />
+      <Button rounded={false} outline children='Group' />
+      <Button rounded='right' children='Button' />
+    </div>
+  ),
+  Card: (
+    <Card width={320}>
+      <CardImage src='https://d262ilb51hltx0.cloudfront.net/max/2000/1*DZwdGMaeu-rvTroJYui6Uw.jpeg' />
+      <Heading size={3} children='Card' />
+      <Text>Cats like cards too</Text>
+    </Card>
   ),
   Dropdown: (
     <Dropdown>