MAKS-IT/feather-icons-ts-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial project build

Browse Source
This commit is contained in:
Ian J. Miller 2017-11-01 15:37:38 -05:00
parent 3472a4efb0
commit 83eb78f93d
5 changed files with 2349 additions and 1078 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.babelrc
View File

@ -1,3 +1,4 @@
{ {
"presets": ["es2015", "react"] "presets": ["es2015", "react"],
"plugins": ["transform-object-rest-spread"]
} }

15
README.md
View File

@ -1,4 +1,4 @@
Feather Icons React #Feather Icons React
`npm install --save feather-icons-react` `npm install --save feather-icons-react`
@ -6,10 +6,17 @@ This package lets you use Feather Icons as a React Component.
Feather Icons is an svg font library by Cole Bemis (https://feathericons.com/). Feather Icons is an svg font library by Cole Bemis (https://feathericons.com/).
Example usage: Example usage:
`import FeatherIcon from 'feather-icons-react';` ```
`<FeatherIcon icon="close" />` import FeatherIcon from 'feather-icons-react';
<FeatherIcon icon="close" />
```
Setting a size: Setting a size:
Size can be passed as either string or number.
Size can be passed as either string or number.
e.g.: `<FeatherIcon icon="copy" size="24" />` or `<... size={24} />` e.g.: `<FeatherIcon icon="copy" size="24" />` or `<... size={24} />`
The icon names can all be referenced at: https://feathericons.com/ The icon names can all be referenced at: https://feathericons.com/

3392
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

11
package.json
View File

@ -27,19 +27,20 @@
}, },
"homepage": "https://github.com/ianmiller347/feather-icons-react#readme", "homepage": "https://github.com/ianmiller347/feather-icons-react#readme",
"devDependencies": { "devDependencies": {
"prop-types": "^15.6.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-scripts": "^1.0.16",
"babel-cli": "^6.26.0", "babel-cli": "^6.26.0",
"babel-core": "^6.26.0", "babel-core": "^6.26.0",
"babel-eslint": "^8.0.1", "babel-eslint": "^8.0.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-es2015": "^6.24.1", "babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1", "babel-preset-react": "^6.24.1",
"eslint": "^4.10.0", "eslint": "^4.10.0",
"eslint-plugin-import": "^2.8.0", "eslint-plugin-import": "^2.8.0",
"eslint-plugin-jsx-a11y": "^6.0.2", "eslint-plugin-jsx-a11y": "^6.0.2",
"eslint-plugin-react": "^7.4.0", "eslint-plugin-react": "^7.4.0",
"eslint-watch": "^3.1.3" "eslint-watch": "^3.1.3",
"prop-types": "^15.6.0",
"react": "^16.0.0",
"react-dom": "^16.0.0",
"react-scripts": "^1.0.16"
} }
} }

6
src/index.js
View File

@ -1 +1,5 @@
export FeatherIcon from './FeatherIcon'; import FeatherIcon from './FeatherIcon';
module.exports = {
FeatherIcon
};