Inline Code

Display

Styled inline <code> tag for quoting code within running text.

Inline Code — trecho de código em meio a texto corrido

This is an example of a code found on cuicui.day which you can simply copy and paste into your own project using npx kikitocn add.

Instalação via CLI

$ npx kikitocn add inline-code

Interno:

@/lib/utils

Exemplo de uso

Inline CodeExample.tsx

import { InlineCode } from "@/components/ui/cn/inline-code/InlineCode";

export function InlineCodeExample() {
  return (
    <InlineCode>
      Inline Code
    </InlineCode>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`ReactNode`	—	Conteúdo do trecho de código
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…