Code Snippet

Display

Pill-shaped clickable command chip that copies its own content.

Code Snippet — pílula clicável que copia o próprio conteúdo

Instalação via CLI

$ npx kikitocn add code-snippet

Interno:

@/lib/utils

Exemplo de uso

Code SnippetExample.tsx

import { CodeSnippet } from "@/components/ui/cn/code-snippet/CodeSnippet";

export function CodeSnippetExample() {
  return (
    <CodeSnippet>
      Code Snippet
    </CodeSnippet>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`string`	—	Comando/código exibido e copiado ao clicar
`onCopy`	`(code: string) => void`	`undefined`	Chamado após copiar
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…