Getting started

InstallUsageGuidelinesContributeRelease

Foundation

Navigation

Forms

ButtonButton GroupCheckboxCheckbox GroupClipboard ButtonComboboxEditable DescriptionEditable HeadingFile InputForm FieldIcon ButtonMulti SelectNumber InputRadioSearch InputSelectSliderSlug InputSwitchTag InputTextareaText Input

Clipboard Button

Clipboard button allows user to copy some information to the clipboard.

#

#

#

#

#

#

  • When there's a information on page that user usually would want to copy for further use.

#

  • Always position a clipboard button on the right side of the information it's copying.
  • Maintain a 4px distance before a clipboard button.

#

Inherits margin props.

NameDefaultDescription
text

string

Text to copy to clipboard after user clicks this button.

On this page

  • Example
  • Usage
  • Copy text
  • Copy input value
  • Guidelines
  • When to use
  • Placement
  • Props