In BS3, I could add a Glyphicon to an input-group
with input-group-addon
(jsfiddle):
<div class="row">
<label class="col-xs-3 control-label" for="idPassphrase">Passphrase</label>
<div class="col-xs-6">
<div class="input-group">
<input id="idPassphrase" class="form-control input-xs" type="password" autocomplete="off">
<span class="input-group-addon">
<span class="glyphicon glyphicon-eye-close"></span>
</span>
</div>
</div>
</div>
This shows a password entry field, with an open/close eye icon to view or hide the password.
How do I do this in Bootstrap 5? There doesn’t seem to be an input-group-addon
any more. The input-group docs don’t have any examples with graphics of any sort – the only option appears to be input-group-text
.