New to KendoReact? Start a free 30-day trial
SpeechToTextButton Icons
SpeechToTextButton IconsPremium
You can customize the icon appearance of the KendoReact SpeechToTextButton.
You can leverage the available props to:
Custom Icon
You can replace the default microphone icon with a custom SVG icon from the KendoReact icon library or your own custom SVG icon through the svgIcon property.
The following example demonstrates how to change the default microphone icon with different SVG icons:
Change Theme
Theme
Loading ...
When the SpeechToTextButton is active, it will still switch to the stop icon regardless of the custom icon you provide for the inactive state.
Icon Size
The SpeechToTextButton allows you to adjust the size of the icon through the iconSize property. Available options are:
small(default)—A smaller-sized iconmedium—A medium-sized iconlarge—A larger-sized icon
The following example demonstrates how to change the icon size of the SpeechToTextButton:
Change Theme
Theme
Loading ...