title: How to add tooltip on a disabled button in a button group (Angular)?
body: <p>If I would need to add a tooltip to a disabled button, I would just wrap the button and place the tooltip on the wrapper.<br />
  But how can I add a tooltip to a disabled button if the button is part of a button group? I of course could again use a wrapper, but the button group wouldn't look correct anymore. I would like to not add any extra css for this.</p>
  <pre><code>&lt;div class=&quot;btn-group btn-group-sm&quot;&gt;
      &lt;button class=&quot;btn btn-success&quot; type=&quot;submit&quot; (click)=&quot;...&quot;&gt;
          ...
      &lt;/button&gt;
      &lt;button class=&quot;btn btn-secondary&quot; type=&quot;button&quot; (click)=&quot;...&quot;&gt;
          ...
      &lt;/button&gt;
      // this is bad as it breaks the button group style
      &lt;div [ngbTooltip]=&quot;someConditionThatCanBeTrue ? 'tooltipMessage' : ''&quot;&gt;
          &lt;button class=&quot;btn btn-sm btn-danger&quot; type=&quot;button&quot;
                  [disabled]=&quot;someConditionThatCanBeTrue&quot; (click)=&quot;...&quot;&gt;
              ...
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>