react-bootstrap-tagsinput
v0.7.6
Published
A chip input field using bootstrap.
Downloads
7,962
Maintainers
Readme
react-bootstrap-tagsinput
Made with create-react-library
Install
npm install --save react-bootstrap-tagsinput
Usage
import React, { useState } from 'react'
import { InputTags } from 'react-bootstrap-tagsinput'
import 'react-bootstrap-tagsinput/dist/index.css'
const App = () => {
const [state, setState] = useState<string[]>([])
return (
<div style={{ margin: 10 }}>
<div className='input-group'>
<InputTags values={state} onTags={(value) => setState(value.values)} />
<button
className='btn btn-outline-secondary'
type='button'
data-testid='button-clearAll'
onClick={() => {
setState([])
}}
>
Delete all
</button>
</div>
<hr />
<ol>
{state.map((item, index) => (
<li key={item + index}>{item}</li>
))}
</ol>
</div>
)
}
Demo
License
MIT © Fahri Sönmez