Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
const StoryContent = () => (
<>
<style type="text/css">{contentStyles.cssText}</style>
<main>
<div>
<div>
<div>
<h2>Purpose and function</h2>
<p>
The shell is perhaps the most crucial piece of any UI built with Carbon. It contains the shared navigation framework
for the entire design system and ties the products in IBM’s portfolio together in a cohesive and elegant way. The
shell is the home of the topmost navigation, where users can quickly and dependably gain their bearings and move
between pages.
<br>
<br>
The shell was designed with maximum flexibility built in, to serve the needs of a broad range of products and users.
Adopting the shell ensures compliance with IBM design standards, simplifies development efforts, and provides great
user experiences. All IBM products built with Carbon are required to use the shell’s header.
<br></p></div></div></div></main>
const StoryContent = () => html`
<style type="text/css">
${contentStyles.cssText}
</style>
<main class="bx--content bx-ce-demo-devenv--ui-shell-content">
<div class="bx--grid">
<div class="bx--row">
<div class="bx--offset-lg-3 bx--col-lg-13">
<h2>
Purpose and function
</h2>
<p>
The shell is perhaps the most crucial piece of any UI built with Carbon. It contains the shared navigation framework
for the entire design system and ties the products in IBM’s portfolio together in a cohesive and elegant way. The
shell is the home of the topmost navigation, where users can quickly and dependably gain their bearings and move
between pages.
<br>
<br>
The shell was designed with maximum flexibility built in, to serve the needs of a broad range of products and users.</p></div></div></div></main>