@pnx-mixtape/button-group

button-group component

Usage no npm install needed!

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

README

@pnx-mixtape/button-group

Documentation and examples: Button Group

Installation

npm install @pnx-mixtape/button-group --save

How to use

CSS

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

HTML

<div class="button-group">
  <a href="#" class="button button--primary icon--arrow-left button--icon-only">Previous</a>
  <a href="#" class="button button--primary icon--more button--icon-only">Middle</a>
  <a href="#" class="button button--primary icon--arrow-right button--icon-only">Next</a>
</div>