PromptBox

The PromptBox component captures, displays, and submits user prompts or messages.

Sass Variables

The Telerik and Kendo UI PromptBox enables you to configure and customize its appearance through the available Sass variables.

VariableDefault ValueComputed ValueValue
kendo-prompt-box-border-radiusk-border-radius(xxl)var(--kendo-border-radius-xxl, 0.75rem)Default: k-border-radius(xxl)Computed: var(--kendo-border-radius-xxl, 0.75rem)
Description: The border radius of the PromptBox.
kendo-prompt-box-box-shadowk-elevation(1)var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04))Default: k-elevation(1)Computed: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04))
Description: The box shadow of the PromptBox.
kendo-prompt-box-header-paddingk-spacing(2)var(--kendo-spacing-2, 0.5rem)Default: k-spacing(2)Computed: var(--kendo-spacing-2, 0.5rem)
Description: The padding of the PromptBox header.
kendo-prompt-box-input-inner-paddingk-spacing(3)var(--kendo-spacing-3, 0.75rem)Default: k-spacing(3)Computed: var(--kendo-spacing-3, 0.75rem)
Description: The inner padding of the PromptBox input.
kendo-prompt-box-affix-paddingk-spacing(2)var(--kendo-spacing-2, 0.5rem)Default: k-spacing(2)Computed: var(--kendo-spacing-2, 0.5rem)
Description: The padding of the PromptBox affix.
kendo-prompt-box-affix-spacingk-spacing(1)var(--kendo-spacing-1, 0.25rem)Default: k-spacing(1)Computed: var(--kendo-spacing-1, 0.25rem)
Description: The spacing between the PromptBox affixes.
Feedback