New to Telerik UI for Blazor? Download Free 30-day trial
PromptBox - Adornments
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Mode
AutoShow Start Affix
Show End Affix
Show Top Affix
File Select Position
Default (Right)- Adornments.razor
Description
The Telerik UI for Blazor PromptBox provides flexible affix templates that allow you to customize the component layout by adding custom content in three strategic positions: start, end, and top.
The Start Affix Template (PromptBoxStartAffixTemplate) displays content at the beginning of the input area. In single-line and auto modes, it appears on the left side of the input, while in multi-line mode it appears at the bottom-left. This position is ideal for icons, status indicators, or action buttons that should appear before the input field.
The End Affix Template (PromptBoxEndAffixTemplate) displays content at the end of the input area, typically on the right side or bottom-right in multi-line mode. This position is commonly used for custom action buttons or additional functionality that complements the built-in action button.
The Top Affix Template (PromptBoxTopAffixTemplate) is unique to multi-line mode and appears above the text area. It is perfect for displaying contextual information, suggestions, or helper text that provides guidance to users as they type.
This demo showcases how affix templates work across different PromptBox modes and demonstrates practical use cases such as repositioning the file select button. Use the configurator to toggle individual affixes on and off, switch between modes, and observe how the layout adapts. Note that the top affix is only available in Multi Line mode and automatically disables when other modes are selected.