Marker

Chat

Inline conversation marker — status line, bordered note or centered separator.

Variants

default · border · separator

Explorou 4 arquivos

Sessão retomada de um checkpoint salvo.

Hoje

Instalação via CLI

$ npx kikitocn add marker

Interno:

@/lib/utils@radix-ui/react-slot

Exemplo de uso

MarkerExample.tsx

import { Marker } from "@/components/ui/cn/marker/Marker";

export function MarkerExample() {
  return (
    <Marker variant="default">
      Marker
    </Marker>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`variant`	`'default' \| 'border' \| 'separator'`	`'default'`	Estilo visual
`asChild`	`boolean`	`false`	Renderiza como o filho (via Slot) em vez de <div>
`children*`	`React.ReactNode`	—	Conteúdo (texto/ícone)
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Chat

Carregando…