@shortcm/banner

Banner

A banner displays a prominent message and related optional actions.

Design & API Documentation

• Material Design guidelines: Banner
• Demo

Installation

npm install @material/banner

Basic Usage

HTML

  <div class="mdc-banner>
      <div class="mdc-banner__content">
        <svg class="mdc-banner__icon">
          ...
        </svg>
        <div class="mdc-typography--body2">
          Banner message.
        </div>
      </div>
      <div class="mdc-banner__actions">
        <button type="button" class="mdc-button mdc-banner__button">
          retry
        </button>
      </div>
  </div>

Styles

@import "@material/banner/mdc-banner";