English | 简体中文

@ray-js/research-bar

Search bar, including code scanning function

Installation

$ npm install @ray-js/research-bar
# or
$ yarn add @ray-js/research-bar

Develop

# watch compile component code
yarn watch
# watch compile demo
yarn start:tuya

Usage

import Foo from '@ray-js/research-bar';

export default function Foo() {
  return (
    <View className={styles.view}>
      <DemoBlock title="basic" />
      <View className={styles.line}>
        <Template placeholder="Enter search keywords" />
      </View>

      <View className={styles.line}>
        <Template placeholder="Enter search keywords" round />
      </View>

      <DemoBlock title="dark" />
      <View className={styles.line}>
        <Template placeholder="Enter search keywords" themeType="dark" />
      </View>

      <View className={styles.line}>
        <Template placeholder="Enter search keywords" round themeType="dark" />
      </View>

      <DemoBlock title="Scan code" />
      <View className={styles.line}>
        <Template showScan />
      </View>
    </View>
  );
}