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.

size

"sm" | "md" | "lg"

Size of the button.

On this page

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