jcb-button
v1.3.2
Published
button
Downloads
7
Readme
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 |
TO BE REMOVED
| type
| String | 'success' | type of button, among: 'success', 'info', 'warning', 'danger' |
| icon
| Boolean | false | Round button with no border |
Events
| Name | Description | Value |
| ---------------------- |---------------------------------------------| ------------------------|
| click
| Emitted whenever clicked | null |