@nmg-components/button
v0.0.6
Published
general button component. * currently embedded at CHP and DI's sites. * supporting: * different styles * support a disable boolean attribute
Downloads
4
Readme
general button component.
- currently embedded at CHP and DI's sites.
- supporting:
- different styles
- support a disable boolean attribute
const obj = Array(16)
.fill(0)
.map( (j,i) => String.fromCharCode( 'a'.charCodeAt(j) +i) )
.reduce( (sum,t,i) => {
sum[t]=0;
return sum;
} ,{});
<div>
<div>
<nmg-button :onClick="() => obj.a++" disabled>
Disabled Namogoo Button
</nmg-button>
has been clicked : {{ obj.a }}
</div>
<div style="margin-top: 15px;">
<nmg-button :onClick="() => obj.b++">
Namogoo Button
</nmg-button>
has been clicked : {{ obj.b }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="info" :onClick="() => obj.c++" disabled>
Disabled Info Namogoo Button
</nmg-button>
button has been clicked : {{ obj.c }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="info" :onClick="() => obj.d++">
Info Namogoo Button
</nmg-button>
button has been clicked : {{ obj.d }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="simple" :onClick="() => obj.e++" disabled>
Disabled Simple Namogoo Button
</nmg-button>
button has been clicked : {{ obj.e }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="simple" :onClick="() => obj.f++">
Simple Namogoo Button
</nmg-button>
button has been clicked : {{ obj.f }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="danger" :onClick="() => obj.g++" disabled>
Disabled Danger Namogoo Button
</nmg-button>
button has been clicked : {{ obj.g }}
</div>
<div style="margin-top: 15px;">
<nmg-button style-type="danger" :onClick="() => obj.h++">
Danger Namogoo Button
</nmg-button>
button has been clicked : {{ obj.h }}
</div>
</div>