# bootstrap-icon-selector

> A Simple Icon Picker using Bootstrap-icons to return bootstrap icon class like "bi bi-icon-name"

Latest version **1.2.0** (published 2024-06-28) · ISC license · 0 weekly downloads

## Install

```sh
npm install bootstrap-icon-selector
pnpm add bootstrap-icon-selector
yarn add bootstrap-icon-selector
bun add bootstrap-icon-selector
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.0 |
| Published | 2024-06-28 |
| First published | 2022-09-28 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 84.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2 |
| Author | M. Omer Bhatti |
| Keywords | icon, icon-picker, bootstrap-icons, bootstrap, tools, react-icon-picker, bootstrap-icon-selector, react-bootstrap-icon-selector, react-bootstrap-icon-picker, react-bootstrap-icons, react-bootstrap-icon, react-bootstrap-icon-picker |

## Links

- npm: https://www.npmjs.com/package/bootstrap-icon-selector
- Repository: https://github.com/OmerBhatti/bootstrap-icon-selector
- Homepage: https://github.com/OmerBhatti/bootstrap-icon-selector#readme
- Issues: https://github.com/OmerBhatti/bootstrap-icon-selector/issues
- npm.io page: https://npm.io/package/bootstrap-icon-selector

## Dependencies (1)

- [bootstrap-icons](https://npm.io/package/bootstrap-icons.md) ^1.9.1

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.2.0 (latest) — 2024-06-28
- 1.1.1 — 2022-09-30
- 1.1.0 — 2022-09-30
- 1.0.4 — 2022-09-28
- 1.0.3 — 2022-09-28
- 1.0.2 — 2022-09-28
- 1.0.1 — 2022-09-28
- 1.0.0 — 2022-09-28

## README

![Sample Image](asset/Sample.png)

### Usage
```js
import IconPicker from "bootstrap-icon-selector";
import { useState } from "react";

function App() {
  const [icon, setIcon] = useState("");
  return (
    <div className="App">
      <i className={icon}></i>
      <IconPicker onChange={(val) => setIcon(val)} />
    </div>
  );
}

export default App;
```

### Props
```javascript
onChange function
buttonClass string
```

---
_Source: https://npm.io/package/bootstrap-icon-selector · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._