add copy button to display field (#46)

centrifuge · Sep 19, 2019 · 67eaf80 · 67eaf80
1 parent c6ae394
commit 67eaf80
Show file tree

Hide file tree

Showing 18 changed files with 620 additions and 111 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.storybook/src/3.components/display-field.tsx b/.storybook/src/3.components/display-field.tsx
@@ -85,6 +85,33 @@ storiesOf("Components | Display Field", module)
 
     return <Comp/>;
   })
+
+  .add("With Copy", () => {
+    const Comp = (props) => {
+
+      return (
+        <AxisTheme>
+          <Box gap={'medium'} width={'200px'} pad={'medium'}>
+            <DisplayField
+              copy={true}
+              link={{
+                href: 'http://google.com',
+                target: '_blank'
+              }}
+              value="Link as Anchor props where you define the target"/>
+            <DisplayField
+              copy={true}
+              label={'Some label'}
+              value="Some Value that is to long and it does not fit"/>
+          </Box>
+
+        </AxisTheme>
+      );
+    }
+
+    return <Comp/>;
+  })
+
   .add("With Link and Label", () => {
     const Comp = (props) => {
 

diff --git a/babel.config.js b/babel.config.js
@@ -14,6 +14,14 @@ module.exports = {
         "@babel/preset-react"
       ],
       plugins: [
+        [
+          require.resolve('babel-plugin-module-resolver'),
+          {
+            alias: {
+              "@centrifuge/axis-utils": "./packages/utils/src"
+            }
+          }
+        ],
         [
           "@babel/plugin-transform-modules-commonjs",
           { allowTopLevelThis: true }