polestar-ui-kit/lib/SearchForm/SearchForm.md

## Install

SearchForm component example:
```jsx static
import React from 'react';
import { SearchForm } from 'polestar-ui-kit';

class MyComponent extends React.Component {

    onSearch = (e, data) => {
        console.info('SearchForm onSearch event', e);
        console.info('SearchForm onSearch data', data);
    }

    render() {
        return (
            <SearchForm
                onSearch={onSearch}
                initFieldCount={1}
                schema={{
                    id: 's-form-id',
                    fields: {
                        properties: {
                            fieldName1: {
                                label: '텍스트 검색',
                                value: '기본값',
                            },
                            fieldName2: {
                                label: '숫자 검색',
                                value: 23,
                                component: {
                                    type: 'inputNumber',
                                    options: {
                                        // onChange: onChange,
                                    },
                                },
                            },
                            fieldName3: {
                                label: 'Boolean 검색',
                                value: true,
                                component: {
                                    type: 'checkbox',
                                    options: {
                                        // onChange: onChange,
                                    },
                                },
                            },
                            fieldName4: {
                                label: '선택 검색',
                                value: 'gyeunggi',
                                component: {
                                    type: 'select',
                                    options: {
                                        placeholder: "선택하세요.",
                                        items: [{
                                            label: '서울',
                                            value: 'seoul',
                                        }, {
                                            label: '대전',
                                            value: 'daejeon',
                                            disabled: true,
                                        }, {
                                            label: '경기',
                                            value: 'gyeunggi',
                                        }],
                                    },
                                },
                            },
                            fieldName5: {
                                label: '멀티선택 검색',
                                component: {
                                    type: 'select',
                                    options: {
                                        placeholder: "Please select",
                                        mode: 'multiple',
                                        maxTagCount: 1,
                                        items: [{
                                            label: '서울',
                                            value: 'seoul',
                                        }, {
                                            label: '대전',
                                            value: 'daejeon',
                                            disabled: true,
                                        }, {
                                            label: '경기',
                                            value: 'gyeunggi',
                                        }, {
                                            label: '충남',
                                            value: 'chungnam',
                                        }, {
                                            label: '충북',
                                            value: 'chungbuk',
                                        }, {
                                            label: '전북',
                                            value: 'jeonbuk',
                                        }, {
                                            label: '전남',
                                            value: 'jeonnam',
                                        }, {
                                            label: '경북',
                                            value: 'gyeongbuk',
                                        }, {
                                            label: '경남',
                                            value: 'gyeongnam',
                                        }, {
                                            label: '강원',
                                            value: 'gangwon',
                                        }, {
                                            label: '제주',
                                            value: 'jeju',
                                        }],
                                    },
                                },
                            },
                            fieldName6: {
                                label: '날짜 검색',
                                component: {
                                    type: 'daterangepicker',
                                    options: {
                                        // width: 270,
                                    },
                                },
                            },
                        },
                    },
                }}
            />
        );
    }
}

export default MyComponent;
```