🚧 MateChat React document is still under development

Sender

Sender is a textarea component for inputting and sending messages. It supports auto-resize, keyboard shortcuts, and custom suggestions.

Installation

pnpm dlx shadcn@latest add https://matechat.noctisynth.org/r/sender.json

Examples

import { Sender } from "@matechat/react";

export default function () {
  return (
    <div className="w-full p-1">
      <Sender placeholder="Type your message here..." />
    </div>
  );
}

With Initial Value

import { Sender } from "@matechat/react";

export default function () {
  return (
    <div className="w-full p-1">
      <Sender initialMessage="Hello, how can I help you?" />
    </div>
  );
}

Properties

InputCount

PropertyDescriptionTypeDefault Value

SenderButton

PropertyDescriptionTypeDefault Value

Sender

PropertyDescriptionTypeDefault Value