https://github.com/zurb/foundation-inline-svg
https://github.com/zurb/foundation-inline-svg
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/zurb/foundation-inline-svg
- Owner: zurb
- License: mit
- Archived: true
- Created: 2016-11-23T17:35:28.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-11-23T18:58:48.000Z (over 9 years ago)
- Last Synced: 2025-10-11T22:38:07.552Z (8 months ago)
- Language: JavaScript
- Size: 28.3 KB
- Stars: 7
- Watchers: 18
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# foundation-inline-svg
A simple foundation plugin wrapping around https://github.com/iconic/SVGInjector for inlining SVGs into your HTML, making them accessible to CSS and JavaScript.
## Installation
First, install via bower or npm
```
npm install foundation-inline-svg
```
OR
```
bower install foundation-inline-svg
```
Next, include the plugin in your javascript after Foundation but before `$(document).foundation()`
e.g.
```
```
## Usage
The usage is super simple. Just add a `data-inline-svg` attribute to any image tags that point to an SVG. They will be replaced with the inline code from the SVG, while preserving attributes like classnames etc.
```
```
### TODO:
Todos include
* Preserve event handlers on the original image tags
* Trigger events when the replacement actually happens