| 1 | # quill-icons
|
| 2 |
|
| 3 | > Editor icons extract from quill editor, with React component wrapper, support 65+ icons!
|
| 4 |
|
| 5 | ## Installation
|
| 6 |
|
| 7 | ```sh
|
| 8 | $ npm install --save quill-icons
|
| 9 | ```
|
| 10 |
|
| 11 | ## Usage
|
| 12 |
|
| 13 | ```js
|
| 14 | var quillIcons = require("quill-icons");
|
| 15 |
|
| 16 | // icons options see ./src/icons
|
| 17 | // USAGE:
|
| 18 |
|
| 19 | <quillIcons.AlignCenter />; // React element
|
| 20 | ```
|
| 21 |
|
| 22 | Icons support: [Complete list](https://canner.github.io/canner-slate-editor/?selectedKind=Quill%20icons)
|
| 23 |
|
| 24 | ## Props
|
| 25 |
|
| 26 | You could customized stroke, fill, etc... class names, just pass as props.
|
| 27 |
|
| 28 | ```js
|
| 29 | export default {
|
| 30 | strokeClassName: "ql-stroke",
|
| 31 | fillClassName: "ql-fill",
|
| 32 | evenClassName: "ql-even",
|
| 33 | colorLabelClassName: "ql-color-label",
|
| 34 | transparentClassName: "ql-transparent",
|
| 35 | strokeMitterClassName: "ql-stroke-mitter",
|
| 36 | thinClassName: "ql-thin",
|
| 37 | width: "18px",
|
| 38 | height: "18px"
|
| 39 | };
|
| 40 | ```
|
| 41 |
|
| 42 | ## License
|
| 43 |
|
| 44 | BSD-3-Clause © [Canner](https://github.com/Canner)
|
| 45 |
|
| 46 | Big thanks to [Quilljs](https://github.com/quilljs)
|
| 47 |
|
| 48 | Icons license see [Quill License](https://github.com/quilljs/quill/blob/develop/LICENSE)
|