react bootstrap popup search bar code example

Example 1: react search bar

import * as React from 'react';
import { Searchbar } from 'react-native-paper';

export default class MyComponent extends React.Component {
  state = {
    firstQuery: '',
  };

  render() {
    const { firstQuery } = this.state;
    return (
      <Searchbar
        placeholder="Search"
        onChangeText={query => { this.setState({ firstQuery: query }); }}
        value={firstQuery}
      />
    );
  }
}

Example 2: reactstrap search bar

import { MDBCol, MDBInput } from "mdbreact";
<MDBCol md="6">
      <MDBInput hint="Search" type="text" containerClass="active-pink active-pink-2 mt-0 mb-3" />
</MDBCol>