Skip to content

Commit 97c05d5

Browse files
committed
Merge branch 'master' of https://github.com/andrerpena/react-mde
2 parents 2e36c57 + 2a1228f commit 97c05d5

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

readme.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,9 @@ The easiest is just add this to `<head/>`:
2626
<!-- -->
2727

2828
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
29-
29+
30+
It is possible to use React-mde with Font Awesome 4 (and possibly earlier versions) – see below under 'Customizing Icons'.
31+
3032
## Optional dependencies
3133

3234
- [Showdown](https://github.com/showdownjs/showdown). React-mde is not opinionated as to how to transform markdown into HTML and this can be done both in client-side,
@@ -103,8 +105,16 @@ For example, you can use your own custom icon component by changing the `iconPro
103105
/>
104106
```
105107

108+
In order to use Font Awesome 4 classes, you can pass the following prop:
109+
```
110+
buttonContentOptions={{
111+
iconProvider: name => <i className={`fa fa-${name}`} />,
112+
}}
113+
```
114+
This will cause React-mde to use FA4-style classnames.
115+
106116
## Custom props
107-
[See doccs](docs/customButton.md "See doccs")
117+
[See docs](docs/customButton.md "See docs")
108118

109119
## React-mde Props
110120

0 commit comments

Comments
 (0)