neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expose CopyButton properties (#41)

Browse Source
This commit is contained in:
Jaco Greeff 2018-05-12 10:12:59 +02:00 committed by GitHub
parent 1108e96b53
commit 9eb671cd17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/ui-app/src/CopyButton.js
View File

@ -9,18 +9,23 @@ import React from 'react';
import CopyToClipboard from 'react-copy-to-clipboard';
import Button from 'semantic-ui-react/dist/es/elements/Button';
type Button$Sizes = 'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'big' | 'huge' | 'massive';
type Props = BareProps & {
icon?: string,
isPrimary?: boolean,
size?: Button$Sizes,
value?: string
}
export default function CopyButton ({ className, style, value }: Props): React$Node {
export default function CopyButton ({ className, icon = 'copy', isPrimary = true, size = 'tiny', style, value }: Props): React$Node {
return (
<CopyToClipboard text={value}>
<Button
className={className}
icon='copy'
primary
size='tiny'
icon={icon}
primary={isPrimary}
size={size}
style={style}
/>
</CopyToClipboard>