New to KendoReactLearn about KendoReact Free.

SpeechToTextButtonProps

Represents the props of the KendoReact SpeechToTextButton component.

NameTypeDefaultDescription

ariaLabel?

string

The accessible label of the component.

className?

string

Sets additional classes to the SpeechToTextButton (see example).

continuous?

boolean

false

Specifies whether the speech recognition should continue until explicitly stopped.

disabled?

boolean

false

Specifies if the SpeechToTextButton is disabled (see example).

fillMode?

"null" | "link" | "flat" | "solid" | "outline" | "clear"

'solid'

Configures the fillMode of the Button. See Button Appearance.

icon?

string

Defines the name for an existing icon in a KendoReact theme (see example). The icon renders inside the Button by a span.k-icon element.

iconClass?

string

Defines a CSS class — or multiple classes separated by spaces — which apply to a span element inside the Button (see example). Allows you to use custom icons.

iconSize?

"null" | "small" | "large" | "medium"

'medium'

Configures the size of the SVG icon that displays inside the Button.

integrationMode?

"none" | "webSpeech"

Specifies which speech recognition engine or integration the component should use. This allows the component to operate in different environments or use alternative implementations.

interimResults?

boolean

false

Specifies whether to return interim results.

lang?

string

'en-US'

The valid BCP 47 language tag to use for speech recognition.

maxAlternatives?

number

1

Specifies the maximum number of alternative transcriptions to return.

onEnd?

() => void

Callback function that is called when speech recognition ends.

onError?

(event: SpeechToTextErrorEvent) => void

Callback function that is called when an error occurs during speech recognition.

onResult?

(event: SpeechToTextResultEvent) => void

Callback function that is called when a speech recognition result is available. The event contains the isFinal flag and an array of alternatives.

onStart?

() => void

Callback function that is called when speech recognition starts.

rounded?

"null" | "small" | "large" | "medium" | "full"

'medium'

Configures the roundness of the Button. See Button Appearance.

size?

"null" | "small" | "large" | "medium"

'medium'

Configures the size of the Button. See Button Appearance.

style?

React.CSSProperties

Sets additional CSS styles to the SpeechToTextButton (see example).

svgIcon?

SVGIcon

Defines the SVG icon that renders inside the Button component.

themeColor?

"null" | "base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse"

'base'

Configures the themeColor of the Button. See Button Appearance.

title?

string

Sets the title HTML attribute of the Button.

unstyled?

ButtonsClassStructure

The unstyled option classes.

Not finding the help you need?
Contact Support