Jcb-button NPM

Install

npm install jcb-button

Usage example

index.html

<!DOCTYPE html>
<head>
   <script type="module" src="./index.js"></script>
</head>
<body>
   <jcb-button>DEFAULT</jcb-button>
   <jcb-button type="success">SUCCESS</jcb-button>
   <jcb-button type="info">INFO!</jcb-button>

   <jcb-button id="dis" type="danger" disabled @click="onClick">disabled</jcb-button>

   <jcb-button icon type="burger-menu">
      <jcb-icon size="25px" color="black">mdiMenu</jcb-icon>
   </jcb-button>

   <jcb-button icon type="fab-red">
      <jcb-icon size="25px" color="white">mdiPhoneHangup</jcb-icon>
   </jcb-button>

   <jcb-button icon type="fab-blue">
      <jcb-icon size="25px" color="white">mdiPhoneHangup</jcb-icon>
   </jcb-button>

   <jcb-button icon type="fab-orange">
      <jcb-icon size="25px" color="white">mdiPhoneHangup</jcb-icon>
   </jcb-button>
</body>

API references

`jcb-button`

Properties

Name	Type	Default	Description
`color`	String	'success'	color of button, among: 'success', 'green', 'info', 'blue', 'orange', 'warning', 'red', 'danger', 'burger-menu'
`disabled`	Boolean	false	Indicates that button is disabled
`round`	Boolean	false	Round button with no border