20 lines
433 B
Plaintext
20 lines
433 B
Plaintext
export component IconButton inherits Rectangle {
|
|
callback clicked <=> touch.clicked;
|
|
|
|
in property <image> icon;
|
|
property <color> icon_color: touch.has-hover ? #ffffff : #94a3b8;
|
|
height: 24px;
|
|
width: 24px;
|
|
background: transparent;
|
|
touch := TouchArea {
|
|
mouse-cursor: pointer;
|
|
}
|
|
|
|
Image {
|
|
source: icon;
|
|
colorize: icon_color;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
}
|