23 lines
532 B
Plaintext
23 lines
532 B
Plaintext
import { Theme } from "theme.slint";
|
|
export component IconButton inherits Rectangle {
|
|
callback clicked <=> touch.clicked;
|
|
|
|
in property <image> icon;
|
|
property <color> icon_color: touch.has-hover ? Theme.text-main : Theme.text-muted;
|
|
|
|
animate icon_color { duration: 300ms; }
|
|
height: 24px;
|
|
width: 24px;
|
|
background: transparent;
|
|
touch := TouchArea {
|
|
mouse-cursor: pointer;
|
|
}
|
|
|
|
Image {
|
|
source: icon;
|
|
colorize: icon_color;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
}
|