add fill and color to readme

This commit is contained in:
Ian J Miller 2020-01-24 09:17:03 -05:00
parent 877e6e9d38
commit 822b578208
2 changed files with 13 additions and 1 deletions

View File

@ -14,7 +14,7 @@
"ecmaVersion": 2018, "ecmaVersion": 2018,
"sourceType": "module", "sourceType": "module",
"ecmaFeatures": { "ecmaFeatures": {
"jsx": true "jsx": true
} }
}, },
"parser": "babel-eslint", "parser": "babel-eslint",

View File

@ -21,6 +21,18 @@ e.g.: `<FeatherIcon icon="copy" size="24" />` or `<... size={24} />`
Sizes can always be easily overridden by CSS. Sizes can always be easily overridden by CSS.
**Setting fill and other properties**
Fill defaults to none, but can be passed as a React prop
`<FeatherIcon icon="heart" fill="red" />`
Addtionally, you can add any other SVG tag properties, and they will pass through.
**Setting colors**
Use CSS. The icons default to use currentColor. This is equivalent to whatever text color is being used in the icon's container.
#### Dynamically change icons #### Dynamically change icons
**Toggle icon example:** **Toggle icon example:**
```javascript ```javascript