Collapsible

Primitivo de exibição/ocultação de conteúdo. Construído sobre Radix UI Collapsible. Base para componentes como Accordion e seções expansíveis na sidebar.

import {
  Collapsible, CollapsibleContent, CollapsibleTrigger,
} from "@workspace/ui/components/collapsible";

<Collapsible open={open} onOpenChange={setOpen}>
  <CollapsibleTrigger asChild>
    <Button variant="ghost" size="sm">
      {open ? "Ocultar" : "Expandir"}
    </Button>
  </CollapsibleTrigger>
  <CollapsibleContent>
    Conteúdo oculto que aparece ao expandir.
  </CollapsibleContent>
</Collapsible>

Detalhes do pedido

Collapsible controlado com trigger compacto. Mostra o status do pedido por padrão e revela endereço, itens e pagamento ao expandir.

Pedido #4189

StatusEnviado

Resumo do carrinho

Trigger customizado com ícone, contagem de itens e valor total. Expande para listar os produtos com quantidade e preço.

API Reference

Prop	Type	Default	Descrição
`open`	`boolean`	—	Controla o estado aberto/fechado
`defaultOpen`	`boolean`	false	Estado inicial (não controlado)
`onOpenChange`	`(open: boolean) => void`	—	Callback quando o estado muda
`disabled`	`boolean`	false	Desabilita o controle de expansão