@pnx-mixtape/messages

messages component

Usage no npm install needed!

<script type="module">
  import pnxMixtapeMessages from 'https://cdn.skypack.dev/@pnx-mixtape/messages';
</script>

README

@pnx-mixtape/messages

Documentation and examples: Messages

Installation

npm install @pnx-mixtape/messages --save

How to use

CSS

  • PostCSS workflow: @import '@pnx-mixtape/messages';
  • Sass/Eyeglass: @import 'mixtape-messages';
  • Native CSS: @import url('dist/messages.css');
  • Link tag: <link href="dist/messages.css" rel="stylesheet" type="text/css">

Vanilla JS

  • ES6 import: import Message from '@pnx-mixtape/messages';
  • Script tag: <script src="dist/messages.js" type="text/javascript"></script>

HTML

<div class="message js-message-close" id="message-example">
  <p>Body content</p>
</div>