@ftchinese/ftc-searchbar-react
v1.3.1
Published
The search bar for FTC, which is a partial of ftc-header. It is the react version.
Downloads
4
Readme
ftc-searchbar-react
The searchbar for ftc-header-react.
Install
cd yourProject
npm install react react-dom prop-types
npm install "@ftchinese/ftc-searchbar-react" --save
Usage
Example:
import SearchBar from '@ftchinese/ftc-searchbar-react';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<SearchBar postUrl="\search" placeholderText = "输入年月日‘xxxx-xx-xx’可搜索该日存档" />,
document.getElementById('root')
);
props
postUrl
Type String. Required. The url string for post your search.
placeholderText
Type String. Optional. The placeholder word in search bar. Default is ''.
sticky
Type Bool.Optional. This is the new prop in this version. With it you can decide the search bar to be sticky on the top of page when scrolling or not.