UNObutton

A fully UNOapptized button Works in all modern browsers

Installation

npm i --save @unoapp/unobutton

Why --save? Won't it make my production bundle enormous and kill my SEO?

No, UNObutton is very light. True, it's more code than just using a <button> element in your HTML, but the coolness factor of it being available via NPM more than makes up for it.

Use in your .vue file

import Unobutton from '@unoapp/unobutton';

Import through a script tags

You don't need a Vue project. All you need is an .html file. Import Vue, then tell it to install the component with Vue.use(UNObutton);:

<script type="text/javascript" src="node_modules/vuejs/dist/vue.min.js"></script>
<script type="text/javascript" src="node_modules/unobutton/dist/unobutton.min.js"></script>
<script type="text/javascript">
  Vue.use(UNObutton);
</script>

Great for widgets!

Usage

Once installed, it can be used in a template as simply as:

<unobutton></unobutton>