Predix

Notifications
There are no new notifications.

Error State

Error State

pxh-error — demo | chromeless demo

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.