## `FilledButton`
A button with a filled shape that can be displayed also as `primary` or `destructive` button.
### Properties
- **`text`** (_in_ _string_): The text written in the button.
- **`prefix_icon`** (_in_ _image_): The image to show before the text.
- **`suffix_icon`** (_in_ _image_): The image to show after the text.
- **`action`** (_in_ _[ButtonAction](./magic_button_base.md)_): Defines if the button is displayed `default`, `primary` or `destructive`.
- **`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 { FilledButton, MagicVerticalBox } from "@vivi/magic.slint";
export component Example inherits Window {
MagicVerticalBox {
FilledButton {
text: "Click Me";
clicked => { self.text = "Clicked"; }
}
}
}
```