Navegar componentes

ChatLayoutScrollButton

MiscExemplo

Botão flutuante de scroll para o final que aparece quando o usuário se afasta das mensagens mais recentes. Ele aparece com fade como um botão de ícone compacto e expande para exibir um label quando novas mensagens chegam. ChatLayout renderiza isso por padrão: passe um elemento customizado para a prop scrollButton para substituir, ou null para ocultar completamente.

Importação

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

Exemplos

Área interativa

isVisible

label

Código

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

<ChatLayoutScrollButton
  isVisible
  hasLabel
 />

Props

Prop	Tipo	Padrão	Descrição
`isVisible` *	`boolean`	—	Se o botão está visível. Vincule a uma verificação de posição de scroll para que o botão apareça apenas quando o usuário tiver rolado para cima.
`label`	`string`	—	Label opcional que expande o botão (ex.: "Novas mensagens"). Use para sinalizar conteúdo não lido abaixo da dobra.
`onClick` *	`() => void`	—	Handler de clique: tipicamente rola até o final e dispensa o indicador de nova mensagem.

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