@mblode/react-native-feather
React Native component for Feather icons
Last updated a year ago by mblode .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @mblode/react-native-feather 
SYNC missed versions from official npm registry.

React Native Feather Icons

npm

Simply beautiful SVG icons as React Native SVG components.

This repository is a copy of the React Feather project.

The main difference between them is that this project outputs React Native SVG components that will render on React Native platforms.

Installation

npm install react-native-feather --save (Not yet published NPM)

You will also need to ensure you have installed React Native SVG into your project.

Usage

import { Camera } from 'react-feather';

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}

If you are using WebPack, you can import only one icon.

import Camera from 'react-native-feather/dist/icons/camera';

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

var Camera = require('react-native-feather/dist/icons/camera').default;

var MyComponent = React.createClass({
  render: function () {
    return (
      <Camera />
    );
  }
});

You can also include the whole icon pack:

import * as Icon from 'react-native-feather';

class MyClass extends React.Component {
  render() {
    return <Icon.Camera />
  }
}

Icons can be configured with inline props:

<Icon.AlertCircle color="red" size={48} />

Current Tags

  • 0.0.1                                ...           latest (a year ago)

1 Versions

  • 0.0.1                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 3
Dependencies (421)
Dev Dependencies (16)
Dependents (1)

Copyright 2014 - 2016 © taobao.org |