Collapsible

Display

Single toggle panel with smooth height transition and optional disabled state.

Instalação via CLI

$ npx kikitocn add collapsible

Exemplo de uso

CollapsibleExample.tsx

import { Collapsible } from "@/components/ui/cn/collapsible/Collapsible";

export function CollapsibleExample() {
  return (
    <Collapsible>
      Collapsible
    </Collapsible>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`title*`	`React.ReactNode`	—	Cabeçalho clicável
`children*`	`React.ReactNode`	—	Conteúdo ocultável
`open`	`boolean`	—	Controlado externamente
`defaultOpen`	`boolean`	`false`	Aberto por padrão
`onOpenChange`	`(open: boolean) => void`	—	Callback ao abrir/fechar
`disabled`	`boolean`	`false`	Desabilitar interação
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline pro container

Voltar para Display

Carregando…