@ozylog/arrow-icons

React arrow-icons with react-jss (for dropdown purpose)

Installation

npm install @ozylog/arrow-icons --save

Usage

<ArrowIcon name={['down' (default) || 'up' || 'remove']} onClick={onClickFunc} />

Usage Example

'use strict';

import React, {Component} from 'react';
import ArrowIcon from '@ozylog/arrow-icons';

export default class TestComponent extends Component {
  constructor(props) {
    super(props);
  }

  onClick = () => {
    // do something
  };

  render() {
    return (
      // NOTE: parent html tag should have position relative/absolute
      <div className='Test' style={{position: 'relative'}}>
        Test
        <ArrowIcon name='down' onClick={this.onClick} >
      </div>
    );
  }
}

License

MIT