saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Copy Button

Copy Button

A button that copies text to clipboard with visual feedback.

Loading...

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/copy-button.json

Usage

import { CopyButton } from "@/components/ui/copy-button"
<CopyButton value="Text to copy" />

API Reference

CopyButton

Extends all Button props except children and onClick.

PropTypeDefaultDescription
valuestring—The text to copy to clipboard.
timeoutnumber2000Duration (ms) to show the copied state.
onCopy() => void—Callback fired after successful copy.
variantstring"ghost"Button variant.
sizestring"icon"Button size.
PreviousContext MenuNextCredit Card

On This Page

  • Installation
  • Usage
  • API Reference
  • CopyButton