Search Bar

import React from "react";
import SearchBar from 'funda-ui/SearchBar';
 
export default () => {
 
    function handleChange(e, onComposition) {
 
        let temp = e.target.value;
        if (!onComposition) {
            console.log(temp);
        }
    }
 
    function handleSubmit() {
        console.log('submit');
    }
 
    return (
        <>
 
            <SearchBar
                placeholder="Search..."
                name="app-searchfiled"
            />
 
 
            <SearchBar
                btnId="app-submit-btn"
                name="app-searchfiled"
                appearance="pill"
                placeholder="Search..."
                onChange={handleChange}
                onSubmit={handleSubmit}
            />
 
        </>
    );
}

import React from "react";
import SearchBar from 'funda-ui/SearchBar';
 
export default () => {
 
 
    return (
        <>
 
            <SearchBar
                ...
                wrapperClassName="position-relative"
                ...
            />
 
             <SearchBar
                ...
                wrapperClassName=""
                ...
            />
 
        </>
    );
}