ChatFormSendMessage

El componente ChatFormSendMessage es un formulario que permite a los usuarios enviar mensajes dentro del chat. Incluye opciones como un botón para enviar el mensaje, la posibilidad de enviar mensajes presionando 'Enter' y un estado de carga mientras se procesa el envío.

Ejemplo

Importación

Para importar el componente ChatFormSendMessage, se puede hacer desde fenextjs

import { ChatFormSendMessage } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
onSubmit	RequestProps<ChatFormSendMessageDataProps, RequestResultProps>	no		Función que se ejecuta al enviar el mensaje, recibiendo los datos del formulario como parámetros.
loader	boolean	no	false	Indica si el formulario está en estado de carga, deshabilitando la interacción del usuario.
useSubmitInEnter	boolean	no	true	Si se debe permitir el envío del mensaje presionando 'Enter'.
btnChildren	ReactNode	no	Send	Contenido del botón para enviar el mensaje.
placeholderMessage	string	no	Message	Texto de placeholder que se mostrará en el campo del mensaje.

Storybook

Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)

Usos

Formulario básico de enviar mensaje

<ChatFormSendMessage
  onSubmit={async (data) => {
    console.log(data);
  }}
/>

Formulario con botón y placeholder personalizados

<ChatFormSendMessage
  btnChildren="Enviar"
  placeholderMessage="Escribe tu mensaje aquí"
/>

Formulario sin envío con Enter

<ChatFormSendMessage useSubmitInEnter={false} />

Chat Message