███╗ ██╗ █████╗ ██████╗██╗ ██╗██╗ ██╗██╗ ████╗ ██║██╔══██╗██╔════╝██║ ██║██║ ██║██║ ██╔██╗██║███████║██║ ███████║██║ ██║██║ ██║╚████║██║ ██║╚██████╗██║ ██║╚██████╔╝██║ ╚═╝ ╚═══╝╚═╝ ╚═╝ ╚═════╝╚═╝ ╚═╝ ╚═════╝ ╚═╝

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

default.tsx

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 cli-command

Anatomía

1import { CliCommand } from '@/components/ui/cli-command';

1<CliCommand command="npx shadcn@latest add button" />

Ejemplos

Predeterminado (Default)

Unable to load demo

No demos found for component "cli-command".

Referencia de API

CliCommand

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.

¿Encontraste algo que mejorar?

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

Crear un Issue

AnteriorCheckbox

SiguienteCollapsible