Component: Icon Button

[simeonoff]

Is your feature request related to a problem? Please describe.

Similar to what we have in Ignite UI for Web Components, I would like to be able to have a new component/directive - igx-icon-button/igxIconButton that can support different visual styles (flat, outlined, contained), just like the igxButton. This will consequently make the need for icon type from the igxButton (igxButton='icon') obsolete.

Describe the solution you'd like

One option is to have a directive and provide the icon in a declarative way. This, in my opinion, is the better option as it makes the templating of the element easier and also keeps the API in line with the existing igxButton directive.

<button igxIconButton='outlined'>
  <igx-icon>home</igx-icon>
</button>

The other solution is to create a component that uses the Ignite UI for Web Components igc-icon-button component internally, thus inheriting styles and behaviors automatically.

Additional context

A meeting with either @rkaraivanov or @damyanpetev will be needed to discuss the options and spec.