apeman-react-search

apeman react package for search components.

Usage no npm install needed!

<script type="module">
  import apemanReactSearch from 'https://cdn.skypack.dev/apeman-react-search';
</script>

README

apeman-react-search

Build Status Code Climate Code Coverage npm Version JS Standard

apeman react package for search components.

Installation

$ npm install apeman-react-search --save

Demo

Live demo is hosted on GitHub Pages.

Demo Image

Usage

'use strict'

import React from 'react'
import {ApSearch, ApSearchStyle} from 'apeman-react-search'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApSearchStyle />
        <ApSearch/>
      </div>
    )
  }
})

Components

ApSearchStyle

Props

Name Type Default Description
style object {}
highlightColor string ApStyle.DEFAULT_HIGHLIGHT_COLOR
maxWidth ApStyle.CONTENT_WIDTH
transition 400

ApSearch

Props

Name Type Default Description
name string ''
type string 'text'
value string ''
placeholder string ''
clearIcon string 'ion ion-close-round'
searchIcon string 'ion ion-search'
onClear func null
open bool false
righted bool false

License

This software is released under the MIT License.

Links