Dev Design Library

Copy field

Read-only text value paired with a trailing icon button that copies it to the clipboard, with an animated check on success.

Copy field preview
Library
FLX UI
Framework
React
Type
block
License
AGPL-3.0
Dependencies
lucide-react, motion
Install
pnpm dlx shadcn@latest add @flx/button-23
Files
  • registry/patterns/button/button-23.tsx
  • src/components/ui/button.tsx
  • src/components/ui/button-group.tsx
  • src/lib/utils.ts
  • src/components/ui/separator.tsx
Source
https://github.com/felipemenezes098/ui-flx

Categories

More from FLX UI