Copy Button

Usage

import { CopyButton } from "@raystack/apsara/v1";
 
<CopyButton text="Text to copy" size={2} />;

Props

The CopyButton component extends IconButton props and accepts the following additional props

Prop	Type	Default
`text`	`string`	-
`resetTimeout`	`number`	`1000`
`resetIcon`	`boolean`	`true`

All IconButton props are supported

Examples

Size

Like IconButton, CopyButton supports different sizes:

<Flex gap="medium" align="center">
  <CopyButton text="Copy me!" size={1} />
  <CopyButton text="Copy me!" size={2} />
  <CopyButton text="Copy me!" size={3} />
  <CopyButton text="Copy me!" size={4} />
</Flex>

States

The CopyButton inherits all states from IconButton

<Flex gap="medium" align="end">
  <CopyButton text="Copy me!" size={4} />
  <CopyButton text="Copy me!" size={4} disabled />
</Flex>

Copy ButtonnewNEW

Usage

Props

Examples

Size

States

On this page