Storybook Addon Cookie
Features
- Set
document.cookie
for each Storybook.
Live demo
Installing and Setup
Install addon
With npm:
npm i storybook-addon-cookie -D
Or with yarn:
yarn add storybook-addon-cookie -D
Configure the addon
Provide cookieDecorator
to Storybook by editing ./storybook/preview.js
.
import { cookieDecorator } from 'storybook-addon-cookie';
export const decorators = [cookieDecorator];
Usage
You can pass cookie object into cookie
parameter.
export default {
component: Example,
title: 'Example',
}
const Template = () => <Example/>
export const WithCookie = Template.bind({});
WithCookie.parameters = {
cookie: {
test: 'TEST!',
}
}
export const WithOutCookie = Template.bind({});
Each Story has independent cookie.