Merge pull request #229 from storybookjs/clipboard-defaults

Add default tooltips for copied and uncopied states
storybookjs · Nov 21, 2020 · e3b4aa1 · e3b4aa1
2 parents 937851a + bf35fab
commit e3b4aa1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/clipboard/Clipboard.tsx b/src/components/clipboard/Clipboard.tsx
@@ -67,8 +67,8 @@ export const Clipboard = ({
 
 Clipboard.defaultProps = {
   copyOptions: undefined,
-  renderCopiedTooltip: () => {},
-  renderUncopiedTooltip: () => {},
+  renderCopiedTooltip: () => <TooltipNote note="Copied" />,
+  renderUncopiedTooltip: () => <TooltipNote note="Copy to clipboard" />,
   resetTimeout: 3000,
   toCopy: undefined,
   getCopyContent: () => '',

diff --git a/src/components/clipboard/ClipboardInput.tsx b/src/components/clipboard/ClipboardInput.tsx
@@ -8,7 +8,6 @@ import { ClipboardIcon } from './ClipboardIcon';
 
 const Container = styled.div`
   position: relative;
-  margin-top: 15px;
 `;
 
 const StyledInput = styled(Input)`