SpeechToTextButton Appearance
You can customize the appearance of the SpeechToTextButton component by using its built-in parameters and CSS classes. The component supports the same appearance options as the Telerik UI for Blazor Button.
Size
You can increase or decrease the size of the button by setting the Size parameter to a member of the Telerik.Blazor.ThemeConstants.Button.Size class.
To review all available values for the Size parameter, see the Button Size API Reference.
Example of setting the Button Size
Fill Mode
The FillMode toggles the background and border of the TelerikSpeechToTextButton. You can set the parameter to a member of the Telerik.Blazor.ThemeConstants.Button.FillMode class.
To review all available values for the FillMode parameter, see the Button FillMode API Reference.
Example of setting the FillMode
Theme Color
The color of the button is controlled through the ThemeColor parameter. You can set it to a member of the Telerik.Blazor.ThemeConstants.Button.ThemeColor class.
To review all available values for the ThemeColor parameter, see the Button ThemeColor API Reference.
Example of setting the ThemeColor
Rounded
The Rounded parameter applies the border-radius CSS rule to the button to achieve curving of the edges. You can set it to a member of the Telerik.Blazor.ThemeConstants.Button.Rounded class.
To review all available values for the Rounded parameter, see the Button Rounded API Reference.
Example of Setting the Rounded parameter
Icon
Set the Icon parameter to display an icon. You can use a predefined Telerik icon or a custom one.
Example of customizing the default icon
Custom Styles
Use the Class parameter to apply custom CSS classes. You can further style the button by targeting these classes.
Example of custom styling