@ftchinese/ftc-searchbar-react

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

Usage no npm install needed!

<script type="module">
  import ftchineseFtcSearchbarReact from 'https://cdn.skypack.dev/@ftchinese/ftc-searchbar-react';
</script>

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.