@shortcm/banner

Material Components for the web mixins + CSS Classes for Material Design banner

Usage no npm install needed!

<script type="module">
  import shortcmBanner from 'https://cdn.skypack.dev/@shortcm/banner';
</script>

README

Banner

A banner displays a prominent message and related optional actions.

Design & API Documentation

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";