Recursive Tree

Data

JSX-composition tree — each level is a nested component with free-form row content.

Instalação via CLI

$ npx kikitocn add recursive-tree

Interno:

@/lib/utils@/lib/motionmotion

Exemplo de uso

Recursive TreeExample.tsx

import { RecursiveTree } from "@/components/ui/cn/recursive-tree/RecursiveTree";

export function RecursiveTreeExample() {
  return (
    <RecursiveTree>
      Recursive Tree
    </RecursiveTree>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`contentTree*`	`ReactNode`	—	Conteúdo do rótulo da linha
`children`	`ReactNode`	—	Nós filhos — outros <RecursiveTree> aninhados
`defaultCollapsed`	`boolean`	`false`	Colapsado por padrão
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Data

Carregando…