Use the following markup to display a full-screen error state in your microapp:
<div class="pxh-wrapper">
<div class="pxh-view-header pxh-view-header--wide@md pxh-view-header--narrow@lg pxh-view-header--nudge-until@md">
</div>
<div class="pxh-view pxh-view--wide@md pxh-view--narrow@lg pxh-view--white" id="js-view">
<div class="pxh-error pxh-error@md pxh-error@lg">
<div class="pxh-error__icon">
<i class="fa fa-exclamation-circle"></i>
</div>
<h1 class="pxh-error__title">
This is my error title.
</h1>
<p class="pxh-error__description">
Here is an <a href="#">error action</a>.
</p>
</div>
</div>
</div>
You can use the same markup when displaying an error in "chromeful" or "chromeless" mode. No modification is necessary.