Botpress home page
Search...
Ctrl K
Changelog
Dashboard
Dashboard
Search...
Navigation
Components
Floating Action Button
Home
Learn
Integrations
Webchat
For Developers
API Reference
Community Discord
News & Resources
Get Started
Introduction to Webchat
Quick Start
Embed Webchat
Style your Webchat
Interact with Webchat
Open/close your Webchat
Send user data to your bot
Listen to events
Trigger actions on start
Send custom events
Integrations
WordPress
Wix
Webflow
React Library
Get started
Components
Webchat
Fab
Container
Header
MessageList
Composer
StylesheetProvider
Hooks
Example
Code
React Library
Components
Floating Action Button
Example
Code
You can use the
Fab
(Floating Action Button) component to toggle the visibility of the Webchat UI in your application.
Props
imgUrl
string
URL to a custom icon image.
onClick
MouseEventHandler<HTMLButtonElement>
A callback function triggered when the
Fab
is clicked. Commonly used to toggle the Webchat visibility.
Was this page helpful?
Yes
No
Suggest edits
Raise issue
Webchat
Container
Assistant
Responses are generated using AI and may contain mistakes.