GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-09 00:19:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

added support for classnames on preview component

Browse Source
This commit is contained in:
Francis Thibault 2019-11-21 10:48:57 -05:00
parent 4e41694820
commit 148aaae8c7
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
lib/components/src/blocks/Preview.tsx
View File

@ -150,6 +150,7 @@ const Preview: FunctionComponent<PreviewProps> = ({
const [expanded, setExpanded] = useState(isExpanded);
const { source, actionItem } = getSource(withSource, expanded, setExpanded);
const [scale, setScale] = useState(1);
const previewClasses = className ? `${className} sbdocs-preview` : 'sbdocs-preview';
if (withToolbar && Array.isArray(children)) {
logger.warn('Cannot use toolbar with multiple preview children, disabling');
@ -159,7 +160,7 @@ const Preview: FunctionComponent<PreviewProps> = ({
<PreviewContainer
{...{ withSource, withToolbar: showToolbar }}
{...props}
className="sbdocs-preview"
className={previewClasses}
>
{showToolbar && (
<PositionedToolbar