consul

History

John Cowen 308e5a480e ui: Remove storybook, add docfy (#9831 ) This PR removes storybook and adds docfy and uses docfy to render our existing README files. This now means we can keep adding README documentation without committing any specific format or framework. If we eventually move to storybook then fine, or if we just want to remove docfy for whatever reason then fine - we will still have a full set of README files viewable via GitHub.		2021-03-08 12:22:01 +00:00
..
README.mdx	ui: Remove storybook, add docfy (#9831 )	2021-03-08 12:22:01 +00:00
chart.xstate.js	…
index.hbs	…
index.js	…

README.mdx

# CopyButton

```hbs preview-template
<CopyButton
  @value={{stringToCopy}}
  @name="Thing"
/>

<CopyButton
  @value={{stringToCopy}}
  @name="Thing"
>
  Copy me!
</CopyButton>
```

### Arguments

| Argument | Type | Default | Description |
| --- | --- | --- | --- |
| `value` | `String` | | The string to be copied to the clipboard on click |
| `name` | `String` | | The 'Name' of the string to be copied. Mainly used for giving feedback to the user |

This component renders a simple button, when clicked copies the value (the `@value` attribute) to the users clipboard. A simple piece of feedback is given to the user in the form of a tooltip. When used inline an empty button is rendered.

### See

- [Component Source Code](./index.js)
- [Template Source Code](./index.hbs)

---