Select with icons

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Select with icons

arogonov pro asked 7 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!

Mikołaj Smoleński staff answered 7 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

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No
About author
arogonov
Pro User
64Support score
6Questions 4Answers
0Snippets likes 3Snippets