Commit Graph

14 Commits

Author SHA1 Message Date
Cole Bemis
f243624fbd
feat: Update API
BREAKING CHANGE: 

Each icon in the `feather.icons` object is now an `Icon` object with a `name`, `contents`, `tags` and `attrs` property.
```js
/* BEFORE */
feather.icons.x
// '<line ... /><line ... />'

/* AFTER */
feather.icons.x
// {
//    name: 'x',
//    contents: '<line ... /><line ... />`,
//    tags: ['cancel', 'close', 'delete', 'remove'],
//    attrs: {
//      class: 'feather feather-x',
//      xmlns: 'http://www.w3.org/2000/svg',
//      width: 24,
//      height: 24,
//      viewBox: '0 0 24 24',
//      fill: 'none',
//      stroke: 'currentColor',
//      'stroke-width': 2,
//      'stroke-linecap': 'round',
//      'stroke-linejoin': 'round',
//    }
// }
```

`feather.toSvg()` has been deprecated in favor of `feather.icons[name].toSvg()`:
```js
/* BEFORE */
feather.toSvg('x')

/* AFTER */
feather.icons.x.toSvg()
```

`feather.replace()` now copies all attributes on the placeholder element (i.e. `<i>`) to the `<svg>` tag instead of just `class` and `id`:

```html
<i data-feather="circle" id="my-circle" class="foo bar" stroke-width="1"></i>
<!--
<i> will be replaced with:
<svg id="my-circle" class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>
-->
```
2017-11-18 20:00:16 -08:00
Cole Bemis
0dc2bf5c9d
build: Add process-svgs script (#216) 2017-11-13 08:13:11 -08:00
Cole Bemis
3a3df71e3f refactor(replace): Replace console.error with throw new Error 2017-11-04 21:09:13 -07:00
Brad Bohen
e80f80524a feat: Updated replace() to pass id from placeholder element (#193) 2017-10-11 14:05:10 -07:00
severn101
8926f5fb9b fix: Fix adding unwanted class 'null' 2017-08-04 15:33:11 -07:00
Cole Bemis
71f502fc95 feat: Add JavaScript library
Add JavaScript library that includes an `icons` object, `toSvg` function and `replace` function.
2017-07-03 15:53:34 -07:00
Cole Bemis
e1ea1aada8 Clear gh-pages branch 2017-02-21 22:45:06 -08:00
Cole Bemis
dbb4c1c80c Create IconGrid component 2017-01-28 22:29:48 -08:00
Cole Bemis
6ebc2a095b Create IconContainer component 2017-01-28 22:19:59 -08:00
Cole Bemis
a85b7b6369 Create Icon component 2017-01-28 22:01:30 -08:00
Cole Bemis
4c6b7ad3b8 Add vuex 2017-01-28 22:01:18 -08:00
Cole Bemis
2f70a91dce Set up vie-loader 2017-01-28 15:15:20 -08:00
Cole Bemis
9ce3c68a9b Import Vue 2017-01-28 15:03:26 -08:00
Cole Bemis
4bb2702015 Move script to main.js 2017-01-28 13:30:51 -08:00