Customizing Input Fields

Customizing Input Fields

Components with an input field, like TextBox can be customized with icons and adornment texts.

AutoComplete example:

<App>
  <AutoComplete
    initialValue="js"
    placeholder="Select a user"
    startIcon="user"
    endIcon="globe"
    endText="Globally"
    readOnly="false">
    <Option label="Jane Arrington" value="ja" />
    <Option label="John Sniper" value="js" />
    <Option label="Emily Gold" value="eg" />
  </AutoComplete>
</App>

NumberBox example:

<App>
  <NumberBox
    placeholder="Enter amount"
    startText="Global Stocks"
    startIcon="globe"
    endText="HUF"
    readOnly="false" />
</App>