@
Input Group Component
The Input Group component allows you to enhance form controls by adding text, buttons, or other elements alongside input fields.
Input Group
<div class="input-group">
<span>@</span>
<input type="email" class="form-input" placeholder="Email" />
</div>
<div className="input-group">
<span>@</span>
<input type="email" className="form-input" placeholder="Email" />
</div>
LKR
<div class="input-group">
<input type="email" class="form-input" placeholder="Price" />
<span>LKR</span>
</div>
<div className="input-group">
<input type="email" className="form-input" placeholder="Price" />
<span>LKR</span>
</div>
LKR.00
<div class="input-group">
<span>LKR</span>
<input type="email" class="form-input" placeholder="Price" />
<span>.00</span>
</div>
<div className="input-group">
<span>LKR</span>
<input type="email" className="form-input" placeholder="Price" />
<span>.00</span>
</div>
Rs.
<div class="input-group">
<span>Rs.</span>
<input type="email" class="form-input" placeholder="Price" />
<button type="button" class="btn btn-outline">Check</button>
</div>
<div class="input-group">
<span>Rs.</span>
<input type="email" class="form-input" placeholder="Price" />
<button type="button" class="btn btn-outline">Check</button>
</div>