slint/demos/energy-monitor/ui/components/state_layer.slint
Simon Hausmann a98d4709be Move printer demo and energy-monitor into new top-level demos/ folder
These are showing off use-cases for Slint, but they're not examples showing individual Slint features.

Also removed the old printerdemo while at it.
2024-10-25 12:09:32 +02:00

26 lines
No EOL
599 B
Text

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: MIT
import { Theme } from "../theme.slint";
export component StateLayer inherits TouchArea {
in property <length> border-radius <=> i-container.border-radius;
width: 100%;
height: 100%;
states [
pressed when root.pressed : {
i-container.opacity: 0.12;
}
]
i-container := Rectangle {
width: 100%;
height: 100%;
background: Theme.palette.pure-black;
opacity: 0.0;
animate background { duration: Theme.durations.medium; }
}
}