A text input with icons enhances user experience by adding visual context, such as a 🔍 search icon, an 📧 email icon, or an 👁 password visibility toggle.
<div class="form--search--input-parent position--relative">
<input type="text" placeholder="Small Input Field" class="form--text--input form--text--input--small">
<span class="blueprint-icon icon-search search-icon position--absolute"></span>
</div>
<div class="form--search--input-parent position--relative">
<input type="text" placeholder="Normal Input Field" class="form--text--input">
<span class="blueprint-icon icon-search search-icon position--absolute"></span>
</div>
<div class="form--search--input-parent position--relative">
<input type="text" placeholder="Large Input Field" class="form--text--input form--text--input--large">
<span class="blueprint-icon icon-search search-icon position--absolute"></span>
</div>