mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 20:21:07 +08:00
a978bd2985
Yarn 2 introduce an error for this during `yarn install`: YN0002 - MISSING_PEER_DEPENDENCY For details see https://dev.to/arcanis/implicit-transitive-peer-dependencies-ed0 TL;DR: If you write a package that depends on Foo, and if Foo has a peer dependency, then you must provide it in either of the dependencies or peerDependencies fields. You won't "implicitly inherit" the peer dependencies declared in Foo.
Storybook addon for design assets
This addon for storybook allows you to link to image files, other files, and even url's for embedding in the storybook panel!
You can add as many assets to a single story as you want.
Install
npm install @storybook/addon-design-assets
Usage
within .storybook/main.js:
module.exports = {
addons: ['@storybook/addon-design-assets/register']
}
within your stories:
import React from 'react';
import imageUrl from './images/my-image.jpg';
export default {
title: 'Design Assets',
parameters: {
assets: [
imageUrl, // link to a file imported
'https://via.placeholder.com/300/09f/fff.png', // link to an external image
'https://www.example.com', // link to a webpage
'https://www.example.com?id={id}', // link to a webpage with the current story's id in the url
],
},
};
export const defaultView = () => (
<div>your story here</div>
);