BlueAI CopyButton
テキストをクリップボードにコピーするボタンコンポーネント。コピー後2秒間チェックマーク表示。
|
import { CopyButton } from "@blueai/ui"Examples
Default
<CopyButton text="https://blueai.jp" />Small size
<CopyButton text="ABC-123" size="sm" label="IDをコピー" />Custom labels
<CopyButton text="招待コード" label="招待コードをコピー" copiedLabel="コピー完了！" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text* | string | — | コピーするテキスト |
| label | string | — | ボタンラベル（デフォルト: コピー） |
| copiedLabel | string | — | コピー後ラベル（デフォルト: コピーしました） |
| size | "sm" | "md" | — | サイズ（デフォルト: md） |