ButtonSettings API in React Speech To Text API component

Configuration settings for the toggle button used in the SpeechToText component.

Properties

content

string

Specifies the text content to be displayed when the SpeechToText button is in the “start” state. This content appears alongside the icon or as standalone text based on the configuration.

Defaults to ""

iconCss

string

Specifies the CSS classes for the icon displayed on the SpeechToText button. This class determines the appearance of the button icon in “start” state.

Defaults to ""

iconPosition

string | IconPosition

Specifies the position of the icon relative to the button text content in the SpeechToText component. This property can accept either a string or an IconPosition enum to determine the position of the icon.

Defaults to “Left”

isPrimary

boolean

Specifies whether the button should be styled as a primary action button in the SpeechToText component. When set to true, the button applies primary styling.

Defaults to false

stopContent

string

Specifies the text content to be displayed when the SpeechToText button is in the “stop” state. This content appears alongside the icon or as standalone text based on the configuration.

Defaults to ""

stopIconCss

string

Specifies the CSS classes for the icon displayed when the SpeechToText button is in the “stop” state. This class determines the styling of the button icon in the stop state, allowing for clear visual feedback.

Defaults to ""