Code

Just Select

Just Select

This plugin provides a select button for every use. You can customize the color of the button and all icons. We added the ability of a callback function that runs on change. The user has to choose the icons from the font awesome collection, or add custom images urls

The user is only 4 steps away from his goal.

STEP 1

import font awesome icons

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font- awesome/4.7.0/css/font-awesome.min.css" media="screen" title="font awesome">

STEP 2

import CASelectFrom javascript file

<script src="plugin/CASelectFrom.min.js" charset="utf-8"></script>

STEP 3

use it

new CA_select({ selector: document.getElementById('select1'), bgColor: "#fff", iconColor: "#03A9F4", items: [ { class: “fa-bicycle" }, { class: “fa-bus" }, { class: “fa-train” }, { image: “https://image.freepik.com/free-icon/airplane-front-view_318-100256.png” }, ], callback: true, change: function (return) { console.log(return) }, })

FILES INCLUDED

1. CASelectFrom.js

2. CASelectFrom.min.js

3. documentation.pdf

For the use of preview we used Raleway google font https://fonts.google.com/specimen/Raleway
by
by
by
by
by
by