How to use the @pluralsight/ps-design-system-layout.AsideLayout.asidePositions function in @pluralsight/ps-design-system-layout
To help you get started, we’ve selected a few @pluralsight/ps-design-system-layout examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pluralsight / design-system / packages / site / pages / components / layout.js View on Github 
aside={}
asidePosition={AsideLayout.asidePositions.last}
main={} />`}
AsideLayout.Aside,
true,
null,
<span>Content for aside</span>
]),
PropTypes.row([
'asidePosition',
PropTypes.union(AsideLayout.asidePositions),
false,
<code>first</code>,
<span>
Aside position (from <code>AsideLayout.asidePositions</code>)
</span>
]),
PropTypes.row([
'main',
<code>AsideLayout.Main</code>,
true,
null,
<span>Main content</span>
])
]}
/>
}
main={
B
}
/>
<div>
C
}
asidePosition={AsideLayout.asidePositions.last}
main={
D
}
/>
</div>
<style>{`
.examples {
padding-bottom: ${core.layout.spacingSmall};
}
.example {
margin-bottom: ${core.layout.spacingMedium};
}
`}</style>@pluralsight/ps-design-system-layout
Design system components for ui layouts
