This is an example of an element to be printed
Only the heading and this paragraph will be shown in print mode. Click “Open in new tab” to view it outside of Pattern Lab, then in the browser menu click “Print”.
e-bolt-printable
class to the <body>
element. It will hide everything on the page in print mode.e-bolt-printable__article
class to the article container. This class will make the article visible in print mode. Additionally, print specific styles are set for many plain HTML elements.Only the heading and this paragraph will be shown in print mode. Click “Open in new tab” to view it outside of Pattern Lab, then in the browser menu click “Print”.
<body class="e-bolt-printable">
<article class="e-bolt-printable__article">
<h2>This is an example of an article to be printed</h2>
<p>Only the heading and this paragraph will be shown in print mode.</p>
</article>
</body>