Command

Muestra comandos de terminal con copia en un clic. Ideal para snippets de instalación y guías de inicio rápido.

pnpm dlx nachui list

1import { Command } from '@/components/ui/command';
2
3export function Default() {
4  return <Command command="pnpm dlx nachui list" />;
5}

Instalación

pnpm dlx nachui add command

1import { Command } from '@/components/ui/command';

1<Command command="pnpm dlx nachui add button" />

pnpm dlx nachui list

1import { Command } from '@/components/ui/command';
2
3export function Default() {
4  return <Command command="pnpm dlx nachui list" />;
5}

Prop	Tipo	Por defecto	Descripción
`command`	`string`	—	El comando CLI que se muestra y se copia al portapapeles.
`prefix`	`string`	`"$"`	Símbolo que aparece antes del comando (por ej. `$`, `>`, `%`).
`resetDelay`	`number`	`2000`	Milisegundos antes de que el estado "copiado" vuelva al ícono de copiar.
`onCopied`	`() => void`	—	Callback que se ejecuta cuando el comando se copia correctamente.
`className`	`string`	—	Clases CSS adicionales aplicadas al elemento raíz.

¿Notaste un error, tipografía o detalle faltante en esta página? Ayúdanos a mejorar la documentación abriendo un issue en GitHub.