Navegar componentes

ChatComposerDrawer

MiscExemplo

Painel drawer recolhível que fica acima do input de chat dentro do ChatComposer. Passe-o para o slot `drawer` do composer para exibir anexos, chips de contexto ou qualquer conteúdo complementar. Quando `count` é fornecido, o drawer ganha um toggle de colapso: no estado recolhido exibe um badge e label, no expandido exibe todos os children.

Importação

import {ChatComposerDrawer} from '@pharos-ds/core/ChatComposerDrawer';

Exemplos

Área interativa

defaultIsCollapsed

2Anexos

spec.pdfmockup.png

Código

import {ChatComposerDrawer} from '@pharos-ds/core/Chat';

<ChatComposerDrawer
  count={2}
  label="Anexos"
  defaultIsCollapsed={false}
 />

Props

Prop	Tipo	Padrão	Descrição
`children` *	`ReactNode`	—	Conteúdo a renderizar dentro do drawer: tokens, chips, previews ou quaisquer elementos React.
`count`	`number`	—	Contagem total de itens exibida no badge recolhido. Quando fornecido, o drawer ganha um toggle de colapsar/expandir.
`label`	`string`	`'Items'`	Label exibido ao lado da contagem no estado recolhido.
`isCollapsed`	`boolean`	—	Estado recolhido controlado. Use com `onCollapsedChange` para controle externo.
`defaultIsCollapsed`	`boolean`	`false`	Estado recolhido inicial para uso não controlado.
`onCollapsedChange`	`(isCollapsed: boolean) => void`	—	Callback disparado quando o usuário alterna o drawer.

Pacote: @pharos-ds/core · Import: @pharos-ds/core/ChatComposerDrawer