New to KendoReactStart a free 30-day trial

PromptBoxSpeechToTextButtonProps
Premium

Updated on Feb 6, 2026

Represents the props of the PromptBoxSpeechToTextButton 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?

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

undefined (theme-controlled)

Configures the fillMode of the Button. See Button Appearance.

tsx
<Button fillMode="outline">Outline Button</Button>

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?

"small" | "medium" | "large"

undefined (theme-controlled)

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

tsx
<Button svgIcon={searchIcon} iconSize="large">Search</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?

"small" | "none" | "medium" | "large" | "full"

undefined (theme-controlled)

Configures the roundness of the Button. See Button Appearance.

The available options are:

  • small
  • medium
  • large
  • full
  • none
tsx
<Button rounded="full">Rounded Button</Button>

size?

"small" | "medium" | "large"

undefined (theme-controlled)

Configures the size of the Button. See Button Appearance.

tsx
<Button size="large">Large Button</Button>

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?

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

undefined (theme-controlled)

Configures the themeColor of the Button. See Button Appearance.

tsx
<Button themeColor="primary">Primary Button</Button>

title?

string

Sets the title HTML attribute of the Button.

unstyled?

ButtonsClassStructure

The unstyled option classes.

Not finding the help you need?
Contact Support