JS component series BootstrapIcon Selection Component _ javascript tips

This article describes how to select a component for the BootstrapIcon In the js component series. If you are interested in bootstrapicon related knowledge, let's take a look at it: recently, many friends talked about the bootstrap icon in the group. For example, the most common menu management, each menu must have a corresponding menu icon, if there is a visual icon to select the component, it is better to directly select the icon to get the corresponding class style. The various Baidu and Huang Tianyan did not have a good fortune. Finally, they were found by the bloggers. They felt that the effect was good and they supported custom icons. Today, I will share them with you. It's absolutely dry!

I. Bootstrap icon picker component

This component was found during the search on github. It looks good at the beginning and is based on the bootstrap style. Therefore, it is more suitable for projects with the bootstrap style layout. Since it is on github, there is no doubt that this is an open source component and the source code address. Well, let's take a look at how it looks.

1. Component effect Preview

First Initialization

Supports "previous" and "Next"

Allows you to select custom icons.

Fuzzy search icons are supported. For example, you can search for camera.

Select the icon and put the corresponding style in the text box.

2. Component code example (1) common usage

This component is based on bootstrap and jquery. The file to be referenced is as follows: