Custom toggle icon
A custom icon can be passed to the toggle. To ensure the icon is visible in both light and dark themes, use an SVG image and set fill="currentColor"
.
Props
ChatbotToggle
Name | Type | Default | Description |
---|---|---|---|
closedToggleIcon | () => JSX.Element | An image displayed in the chatbot toggle when it is closed | |
isChatbotVisible | boolean | Flag indicating visibility of the chatbot appended to the toggle | |
onToggleChatbot | () => void | Callback fired when toggle button is clicked | |
toggleButtonLabel | string | Accessible label for the toggle button | |
toolTipLabel | React.ReactNode | Contents of the tooltip applied to the toggle button | |
tooltipProps | Omit<TooltipProps, 'content'> | Props spread to the PF Tooltip component |