3.0.7 • Published 8 months ago

bear-react-dropdown v3.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

bear-react-dropdown

Datepicker library based for Reactjs

NPM npm

Support Version Map

ReactReact ScriptsBear React Dropdown
185.0.12.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 {Dropdown, DropdownMulti} from 'bear-react-dropdown';


const BaseUsed = () => {
    const [value, setValue] = useState('');
    const [multiValue, setMultiValue] = useState<Array<string|number>>([]);
    
    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: 'Select option item...', value: '', avatarUrl: ''},
        {text: 'Jack Wu', value: '1', avatarUrl: asset('/images/avatar/female-1.jpg')},
        {text: 'Imagine Chiu', value: '2', avatarUrl: asset('/images/avatar/female-2.jpg')},
        {text: 'Jason Dinwiddie', value: '3', avatarUrl: asset('/images/avatar/female-3.jpg')},
        {text: 'Gloria Lu', value: '4', avatarUrl: asset('/images/avatar/female-4.jpg')},
    ];
    
    return (
        <div>
            <Dropdown value={value} onChange={setValue} options={options1} className="mr-3"/>
            <DropdownMulti value={multiValue} onChange={setMultiValue} options={options2} isDark/>
        </div>
    );

};

There is also a codesandbox template that you can fork and play with it:

Edit react-editext-template

License

MIT © imagine10255

3.0.8-alpha.0

8 months ago

3.0.7

8 months ago

3.0.6

12 months ago

3.0.7-alpha.0

12 months ago

3.0.6-alpha.23

12 months ago

3.0.6-alpha.22

12 months ago

3.0.6-alpha.25

12 months ago

3.0.6-alpha.24

12 months ago

3.0.6-alpha.27

12 months ago

3.0.6-alpha.26

12 months ago

3.0.6-alpha.29

12 months ago

3.0.6-alpha.28

12 months ago

3.0.6-alpha.30

12 months ago

3.0.6-alpha.32

12 months ago

3.0.6-alpha.31

12 months ago

3.0.6-alpha.19

12 months ago

3.0.6-alpha.21

12 months ago

3.0.6-alpha.45

12 months ago

3.0.6-alpha.44

12 months ago

3.0.6-alpha.47

12 months ago

3.0.6-alpha.46

12 months ago

3.0.6-alpha.34

12 months ago

3.0.6-alpha.33

12 months ago

3.0.6-alpha.35

12 months ago

3.0.6-alpha.38

12 months ago

3.0.6-alpha.37

12 months ago

3.0.6-alpha.39

12 months ago

3.0.6-alpha.41

12 months ago

3.0.6-alpha.40

12 months ago

3.0.6-alpha.43

12 months ago

3.0.6-alpha.42

12 months ago

3.0.6-alpha.12

12 months ago

3.0.6-alpha.11

12 months ago

3.0.6-alpha.14

12 months ago

3.0.6-alpha.13

12 months ago

3.0.6-alpha.16

12 months ago

3.0.6-alpha.15

12 months ago

3.0.6-alpha.18

12 months ago

3.0.6-alpha.17

12 months ago

3.0.6-alpha.10

12 months ago

3.0.6-alpha.9

12 months ago

3.0.6-alpha.8

12 months ago

3.0.6-alpha.7

12 months ago

3.0.6-alpha.6

12 months ago

3.0.6-alpha.5

12 months ago

3.0.6-alpha.4

12 months ago

3.0.6-alpha.3

12 months ago

3.0.6-alpha.2

12 months ago

3.0.6-alpha.1

12 months ago

3.0.6-alpha.0

12 months ago

3.0.4

1 year ago

3.0.5

1 year ago

3.0.0-alpha.1

2 years ago

3.0.0-alpha.0

2 years ago

3.0.0-alpha.3

2 years ago

3.0.0-alpha.2

2 years ago

3.0.0-alpha.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

2.2.1-alpha.2

2 years ago

2.2.1-alpha.3

2 years ago

2.2.1-alpha.0

2 years ago

2.2.1-alpha.1

2 years ago

2.2.0

2 years ago

2.2.0-alpha.4

2 years ago

2.2.1-alpha.4

2 years ago

2.2.0-alpha.3

2 years ago

2.2.0-alpha.2

2 years ago

2.2.0-alpha.1

2 years ago

2.2.0-alpha.0

2 years ago

2.1.14

2 years ago

2.1.13

2 years ago

2.1.12

2 years ago

2.1.11

2 years ago

2.1.10

2 years ago

2.1.9

2 years ago

2.1.8

2 years ago

2.1.7

2 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.2

2 years ago