title: How to add multiple custom control button leaflet js?
body: <p>I found the code to add a single button on the leaftlet map to the topleft corner. But now I want to add multiple buttons one after another. </p>
  
  <ol>
  <li><p>Is it possible to insert multiple buttons inside the following code?</p></li>
  <li><p>I also have tried to use checkbox/radio buttons. But I dont know how to add labels to the checkbox and button. </p></li>
  <li>And add checked/unchecked properties for them. </li>
  </ol>
  
  <p>Thanks.</p>
  
  <p>My Code here:</p>
  
  <pre><code>var customControl = L.Control.extend({ options: {position: 'topleft'},onAdd: function (map) {
  var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-custom');
  
  onAdd: function (map) {
      var container = L.DomUtil.create('input','my-button btn');
      container.type="button";
      container.title="x";
      container.value = "x";
      container.label = "x";
  
      container.style.backgroundColor = 'white';     
  
      container.style.backgroundSize = "30px 30px";
      container.style.width = '40px';
      container.style.height = '40px';
      container.style.borderRadius = "25px";
      container.style.padding = "0";
      container.style.margin = "10px";
  
  container.onclick = function(){
    console.log('buttonClicked');
  }
  
  return container;}});
  </code></pre>