Smart Copy Input

A read-only input field optimized for copying API keys, share links, or commands. It provides satisfying feedback to confirm the action, replacing standard browser alerts.

Usage

Each variant is installed as a separate component to keep your bundle size small. Choose the style that matches your design system.

Neo-SaaS Style

Clean, modern input with an internal icon button that morphs on click.

pnpm install @zarasana/ui

Installation

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/smart-copy-neo-saas.json"

Neo-Brutal Style

A bold, high-contrast field. The copy button is distinct and triggers a loud "TOAST" notification within the component itself.

pnpm dlx shadcn@latest init

Installation

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/smart-copy-neo-brutal.json"

Glassomorphic Style

A glowing, translucent capsule. Feedback is given through a light ripple and icon change.

https://ui.zarasana.com/share/x8d9s

Installation

Legacy installation using the full registry URL:

pnpm dlx shadcn@latest add "https://ui.zarasana.com/r/smart-copy-glassomorphic.json"