showcar-ui/src/06-components/atoms/custom-dropdown/docs/custom-dropdown-icons-checkbox.md

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<h2>Custom dropdown with icons (multiple choice possible)<span class="status refactor">Needs refactoring</span><span class="status js">JS</span></h2>

You may use custom dropdown with any icons of your choice and style them as you wish. In this examples we added following css to style general icons from showcar-icon library:

<pre>
    <code>
    as24-icon[type^='bodytypes'] svg {
      fill: #949494;
      width: 44px;
      vertical-align: text-bottom;
    }
    </code>
</pre>

<style>
#custom-dropdown-icons-checkbox .sample as24-icon[type^='bodytypes'] svg {
  fill: #949494;
  width: 44px;
  vertical-align: text-bottom;
}
</style>