Bug 1885332 Comment 4 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Original comment by
on 
Another thing that came up today which we should really document - there are two ways of providing an icon/image to `moz-button` you can either specify `type="icon"`:

```html
<moz-button type="icon"></moz-button>
```
and provide a `background-image` for the `::part`:

```css
moz-button::part(button) {
  background-image: url("chrome://global/skin/media/audio-muted.svg");
}

Or you can provide an icon URI via `iconsrc`, in which case setting `type="icon"` is redundant:

```html
<moz-button iconsrc="chrome://global/skin/media/audio-muted.svg"></moz-button>
```
Revision 1 by
on 
Another thing that came up today which we should really document - there are two ways of providing an icon/image to `moz-button` you can either specify `type="icon"`:

```html
<moz-button type="icon"></moz-button>
```
and provide a `background-image` for the `::part`:

```css
moz-button::part(button) {
  background-image: url("chrome://global/skin/media/audio-muted.svg");
}
```

Or you can provide an icon URI via `iconsrc`, in which case setting `type="icon"` is redundant:

```html
<moz-button iconsrc="chrome://global/skin/media/audio-muted.svg"></moz-button>
```

Back to Bug 1885332 Comment 4