Navegar componentes

ChatSendButton

MiscExemplo

Botão circular de enviar/parar para o compositor de chat. Coloque dentro do ChatComposer, onde ele lê o contexto automaticamente: sem wiring necessário. Quando o streaming começa, o botão muda de um ícone primary de envio para um ícone secondary de parar. Sobrescreva qualquer valor de contexto via props para uso standalone ou customizado.

Importação

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

Exemplos

Área interativa

size

isStopShown

isDisabled

Código

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

<ChatSendButton
  size="md"
  isStopShown={false}
  isDisabled={false}
 />

Props

Prop	Tipo	Padrão	Descrição
`isStopShown`	`boolean`	—	Se o botão de parar é exibido. Padrão: valor do contexto.
`isDisabled`	`boolean`	—	Se o botão de envio está desabilitado. Padrão: !canSend do contexto.
`onSend`	`() => void`	—	Chamado quando o usuário clica em enviar. Padrão: onSubmit do contexto.
`onStop`	`() => void`	—	Chamado quando o usuário clica em parar durante streaming. Padrão: onStop do contexto.
`sendIcon`	`ReactNode`	—	Ícone customizado para o estado de envio. Padrão: arrowUp do registro de ícones.
`stopIcon`	`ReactNode`	—	Ícone customizado para o estado de parar. Padrão: stop do registro de ícones.
`size`	`'sm' \| 'md'`	`'md'`	Tamanho do botão.
`xstyle`	`StyleXStyles`	—	Estilos StyleX para customização de layout (margens, posicionamento, dimensionamento). Deve ser um valor stylex.create(): não um objeto de estilo inline como style={{}}.

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