storybook-preset-inline-svg
A Storybook preset to load SVG files inline using svg-inline-loader
.
Basic Usage
First npm install storybook-preset-inline-svg svg-inline-loader
Then update one of the following files based on your Storybook setup:
Advanced Usage
By default this preset will inline all SVG files. Use options to filter which SVG files are inlined, or to pass options along to svg-inline-loader
.
None of the options are required. Only use one of include
or exclude
, not both, which can be a RegExp
or Function
.
For example,
module.exports = {
addons: [
{
name: 'storybook-preset-inline-svg',
options: {
include: /source\/.+\.svg$/,
svgInlineLoaderOptions: {
removeTags: true,
removingTags: ['circle']
}
}
}
]
}