Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
};
const sidebar = (
);
return (
<section>
{isTablet =>
isTablet ? (
document.getElementById('pagewrap')
}
renderTarget={() => document.getElementById('portal-target')}
className={getClassName('bpkdocs-side-nav-layout__modal')}
contentClassName={getClassName(
'bpkdocs-side-nav-layout__modal-content',
)}</section>
isActive: PropTypes.bool.isRequired,
children: PropTypes.node.isRequired,
};
const components = [
{
id: 'default',
title: 'Default',
examples: [
<div>
{isActive => (
MOBILE
)}
{isActive => (
TABLET
)}
{isActive => (
TABLET ONLY
)}
{isActive => (
ABOVE MOBILE
)}
</div>
};
const sidebar = (
);
return (
<section>
{isTablet =>
isTablet ? (
document.getElementById('application-container')
}
renderTarget={() => document.getElementById('portal-target')}
className={getClassName('bpkdocs-side-nav-layout__modal')}
contentClassName={getClassName(
'bpkdocs-side-nav-layout__modal-content',
)}</section>
{Object.keys(omitActiveSection(activeSection)).map(section => (
{isTablet => (
onSectionChange(section)}
/>
)}
))}
export default (props: Props) => {
const {
activeSection,
links,
sectionListExpanded,
onMobileModalClose,
onMenuToggle,
onSectionChange,
} = props;
return (
<nav>
<div>
{isTablet =>
isTablet && (
)
}
<img alt="Backpack Logo" src="{`/${BackpackLogoWhite}`}"></div></nav>
export default (props: Props) => {
const {
activeSection,
links,
sectionListExpanded,
onMobileModalClose,
onMenuToggle,
onSectionChange,
} = props;
return (
<nav>
<div>
{isTablet =>
isTablet && (
)
}
<img alt="Backpack Logo" src="{`/${BackpackLogoWhite}`}"></div></nav>