@wix/design-system
Version:
@wix/design-system
45 lines (33 loc) • 1.18 kB
Markdown
## Feature Examples
### Usage
- description: <p>Component can be used with an input with a button. Once the item is copied the interface should respond with a timeout message.</p>
- example:
```jsx
() => {
const [inputText, setInputText] = React.useState('https://www.wix-pages.com/wix-design-system-employees/');
return (
<CopyClipboard value={inputText} resetTimeout={1500}>
{({ isCopied, copyToClipboard }) => (
<Input
readOnly
value={inputText}
onChange={event => {
setInputText(event.target.value);
}}
suffix={
<Box verticalAlign="middle" marginRight="SP1">
<TextButton
onClick={() => copyToClipboard()}
size="small"
prefixIcon={<Icons.DuplicateSmall />}
>
{!isCopied ? 'Copy' : 'Copied!'}
</TextButton>
</Box>
}
/>
)}
</CopyClipboard>
);
};
```