## `IconButton`
A button with only an icon as content.
### Properties
- **`icon`** (_in_ _image_): The image to show in the button.
- **`inline`** (_in_ _bool_): If set to `true` the button can shrink to the size of the icon.
- **`enabled`** (_in_ _bool_): If set to `false` the button is disabled.
- **`has_hover`** (_out_ _bool_): Button sets this to `true` when the mouse is over it.
- **`has_focus`** (_out_ _bool_): Button sets this to `true` when the area has keyboard focus.
- **`pressed`** (_out_ _bool_): Set to `true` by the button when the mouse is pressed over it.
- **`enter_pressed`** (_out_ _bool_): Set to `true` by the button when the area has focus and enter key is pressed.
- **`style`** (_in_ _ButtonStyle_): Defines the style of the button.
### Callbacks
- **`clicked()`**: Invoked when clicked: A finger or the left mouse button is pressed, then released on this element.
### Example
```slint
import { IconButton, MagicVerticalBox } from "@vivi/magic.slint";
export component Example inherits Window {
MagicVerticalBox {
IconButton {
icon: @image-url("/path/to/my/icon.svg");
clicked => { self.text = "Clicked"; }
}
}
}
```