@nmg-components/button v0.0.6

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>