fix(InputGroupButton): corrected theme varibale default mistake + imp…

…roved example.
bootstrap-styled · Jan 31, 2019 · 1bedf2b · 1bedf2b
1 parent aae45f0
commit 1bedf2b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/InputGroup/InputGroupButton.md b/src/InputGroup/InputGroupButton.md
@@ -5,5 +5,16 @@
   <InputGroupButton>
     I'm a button
   </InputGroupButton>
+  <Input />
 </InputGroup>
 ```
+```js
+<React.Fragment>
+  <InputGroup>
+    <InputGroupButton color="danger">To the Left!</InputGroupButton>
+    <Input placeholder="and..." />
+    <InputGroupButton color="success">To the Right!</InputGroupButton>
+  </InputGroup>
+</React.Fragment>
+
+```
diff --git a/src/InputGroup/index.js b/src/InputGroup/index.js
@@ -44,7 +44,7 @@ export const defaultProps = {
     '$input-border-focus': 'hsl(207.79999999999995, 98.2%, 53.4%)',
     '$input-box-shadow-focus': 'inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(hsl(207.79999999999995, 98.2%, 53.4%),.6)',
     '$input-color': '#464a4c',
-    '$input-group-addon-border-color': 'border-color ease-in-out .15s, box-shadow ease-in-out .15s',
+    '$input-group-addon-border-color': 'rgba(0, 0, 0, 0.15)',
     '$input-padding-x-sm': '.5rem',
     '$input-padding-y-sm': '.25rem',
     '$input-color-placeholder': '#636c72',