Apeman-react-search NPM

apeman-react-search

apeman react package for search components.

Installation

$ npm install apeman-react-search --save

Demo

Live demo is hosted on GitHub Pages.

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
style	object	{}
highlightColor	string	ApStyle.DEFAULT_HIGHLIGHT_COLOR
maxWidth		ApStyle.CONTENT_WIDTH
transition		400

ApSearch

Props

Name	Type	Default
name	string	''	Name of search input
type	string	'text'	Type of search input
value	string	''	Value of search input
placeholder	string	''	Placeholder of search input
clearIcon	string	'ion ion-close-round'	Icon class name of clear button
searchIcon	string	'ion ion-search'	Icon class name of search button
onClear	func	null	Handler for clear event
open	bool	false	Open to input
righted	bool	false	Render with righted style