@ftchinese/ftc-searchbar-react

The search bar for FTC, which is a partial of ftc-header. It is the react version.

Stats

StarsIssuesVersionUpdatedCreatedSize
@ftchinese/ftc-searchbar-react
001.3.13 years ago3 years agoMinified + gzip package size for @ftchinese/ftc-searchbar-react in KB

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.