Topic: Select with icons
arogonov pro asked 6 years ago
In the examples there is such an example.
<select class="mdb-select">
<option value="" disabled selected>Choose your option</option>
<option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-1.jpg" class="rounded-circle">example 1</option>
<option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-2.jpg" class="rounded-circle">example 2</option>
<option value="" data-icon="https://mdbootstrap.com/img/Photos/Avatars/avatar-3.jpg" class="rounded-circle">example 1</option>
</select>
<label>Example label</label>
Can I use any standard icon instead of images? Or insert an icon before the text "example 1"?How to do it? Everything I tried does not work.Thank you!
Add comment
Mikołaj Smoleński staff answered 6 years ago
Hello,
In select You can only insert icons as we provide by adding data-icon attribute.
You can insert Your own icons in the dropdown component.
Regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No
Tags