Skip to content

ReactJS Component for Ajax SVG file loading and DOM Injection.

Notifications You must be signed in to change notification settings

blasvicco/bv-react-svgloader

Repository files navigation

bv-react-svgloader

This is a ReactJS Component for SVG file loading by Ajax and DOM injection. This component allow us to insert any SVG file specifying a path and adding a class name for css customization.

Example:

Please refer to the example file to see it working.

To run the example:

  1. Clone the repository
  2. Execute in console:
cd example
yarn
mkdir node_modules/bv-react-svgloader
cd node_modules/bv-react-svgloader
ln -s ../../../svgloader.js svgloader.js
ln -s ../../../package.json package.json
cd ../../
yarn start

General Usage

As you will be able to see in example in order to use the component we need to importe it as:

import SvgLoader from 'bv-react-svgloader';

Then, in the render method we can just call it like:

<SvgLoader src='/svg/logo.svg' className="App-logo svg-logo"/>

Installation

Install this component is easy, just use npm as:

npm install bv-react-svgloader

Or using yarn:

yarn add bv-react-svgloader

About

ReactJS Component for Ajax SVG file loading and DOM Injection.

Resources

Stars

Watchers

Forks

Packages

No packages published