maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

StyleguidePage: add rawOnly flag for positioned components

Browse source
This commit is contained in:
Vesa Luusua 2019-05-21 16:29:29 +03:00
parent 622dfa18ca
commit 926e68f854
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/containers/StyleguidePage/StyleguidePage.js
View file

@ -17,6 +17,7 @@ const Example = props => {
description,
props: exampleProps,
useDefaultWrapperStyles,
rawOnly,
} = props;
const exampleWrapperClassName = useDefaultWrapperStyles ? css.defaultWrapperStyles : '';
@ -51,7 +52,20 @@ const Example = props => {
</span>
{desc}
<div className={exampleWrapperClassName}>
<ExampleComponent {...exampleProps} />
{rawOnly ? (
<p>
This component is available in{' '}
<NamedLink
name="StyleguideComponentExampleRaw"
params={{ component: componentName, example: exampleName }}
>
raw mode
</NamedLink>{' '}
only.
</p>
) : (
<ExampleComponent {...exampleProps} />
)}
</div>
</li>
);