Adornments
The Textbox component provides the option for adding custom items as prefix and suffix adornments.
Suffix and Prefix Adornment
Render custom React Components like Icon, Button, or plain text as prefix and suffix to the TextBox and implement custom functionality on top of them. To specify the layout alignment of the prefix and suffix adornments, set the orientation property to horizontal or vertical.
For correct styling, wrap custom adornments in
InputPrefixandInputSuffixcontainers.
Separator
To visually separate the specified adornments, you can add a InputSeparator component. To specify the layout alignment of the separator element, set the orientation property to horizontal or vertical.
Clear Value
The InputClearValue container component can be utilized to further enhance the functionality of the TextBox component by rendering clickable component inside which resets the input value.