62 lines
1.4 KiB
JavaScript
Raw Normal View History

import React from 'react';
import { addons } from '@storybook/addons';
import { themes, styled } from '@storybook/theming';
import { Icons } from '@storybook/components';
import addHeadWarning from './head-warning';
addHeadWarning('manager-head-not-loaded', 'Manager head not loaded');
const PrefixIcon = styled(Icons)(({ theme }) => ({
marginRight: 8,
fontSize: 'inherit',
height: '1em',
width: '1em',
display: 'inline',
alignSelf: 'center',
}));
addons.setConfig({
theme: themes.light, // { base: 'dark', brandTitle: 'Storybook!' },
2019-12-07 13:10:09 -05:00
previewTabs: {
canvas: null,
'storybook/docs/panel': null,
'storybookjs/notes/panel': { title: 'Annotations', hidden: true },
graphiql: {
hidden: true,
},
},
2021-02-01 22:35:27 +01:00
sidebar: {
collapsedRoots: ['other'],
renderLabel: ({ id, name }) => {
2021-02-01 22:35:27 +01:00
const map = {
addons: (
<>
<PrefixIcon icon="power" />
{name}
</>
),
'addons-a11y': (
<>
<PrefixIcon icon="certificate" />
{name}
</>
),
'addons-a11y-basebutton': (
<>
<PrefixIcon icon="calendar" />
{name}
</>
),
'addons-a11y-basebutton--default': (
<>
<PrefixIcon icon="star" />
{name}
</>
),
};
return map[id];
},
},
});