Sender
The input at the bottom of a chat, with a send button that turns into a stop button while a reply streams.
Anotomy
Structure of the input and how its parts are composed. These are its semantic parts, so they are also what the
classNames and styles objects accept.
| Name | Description | |
|---|---|---|
1 | root | The whole input box, with its border and radius. |
2 | content | The row that holds the prefix, the text field and the suffix. |
3 | prefix | The leading slot, from prefix. It renders only when prefix is set. |
4 | input | The text field. placeholder fills it when it is empty, and it grows with the text. |
5 | suffix | The trailing slot. By default it holds the send button, and suffix replaces it. |
6 | footer | The row under the text field, from footer, for tools and hints. It renders only when footer is set. |
7 | switch | A Sender.Switch toggle inside the footer, for a mode the reader turns on or off. |
© 2026 AntUIKit . All rights reserved.