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

ApSearch

Props

| Name | Type | Default | Description | | ---- | ---- | ------- | ----------- | | 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 |

License

This software is released under the MIT License.

Links

• apeman
• apeman-react-labo
• React