Dropdown library based for Reactjs
bear-react-dropdown
Datepicker library based for Reactjs
Support Version Map
React | React Scripts | Bear React Grid |
---|---|---|
18 | 5.0.1 | 2.0.0 |
Install
yarn add bear-react-dropdown
Usage
add in your index.tsx
import "bear-react-dropdown/dist/index.css";
then in your page
import {Datepicker, Dropdown, DateTimepicker} from 'bear-react-dropdown';
const BaseUsed = () => {
const options1 = [
{text: 'Jack Wu', value: '1'},
{text: 'Imagine Chiu', value: '2'},
{text: 'Jason Dinwiddie', value: '3'},
{text: 'Gloria Lu', value: '4'},
];
const options2 = [
{text: 'Jack Wu', value: '1', avatarUrl: 'https://bearests.com/uploads/sample-team-avatar/igroup-frontend.jpg?v=1'},
{text: 'Imagine Chiu', value: '2', avatarUrl: 'https://bearests.com/uploads/sample-team-avatar/igroup-frontend.jpg?v=1'},
{text: 'Jason Dinwiddie', value: '3', avatarUrl: 'https://bearests.com/uploads/sample-team-avatar/igroup-frontend.jpg?v=1'},
{text: 'Gloria Lu', value: '4', avatarUrl: 'https://bearests.com/uploads/sample-team-avatar/igroup-frontend.jpg?v=1'},
];
return (
<div>
<Dropdown value={value} onChange={setValue} options={options1} className="mr-3"/>
<Dropdown value={value} onChange={setValue} options={options2} isDark/>
</div>
);
};
There is also a codesandbox template that you can fork and play with it:
License
MIT © imagine10255