Search Bar

1
import {SearchBar} from '@coveord/plasma-react';
2
import {useState} from 'react';
3

4
const Demo = () => {
5
    const [isSearching, setSearching] = useState(false);
6
    const [value, setValue] = useState('');
7

8
    return (
9
        <SearchBar
10
            id="search-bar-1"
11
            placeholder="Search for something..."
12
            value={value}
13
            disabled={false}
14
            searching={isSearching}
15
            onChange={(event) => setValue(event.target.value)}
16
            onSearch={() => {
17
                setSearching(true);
18
                setTimeout(() => {
19
                    setSearching(false);
20
                }, 800);
21
            }}
22
        />
23
    );
24
};
25
export default Demo;