import { VerticalBox , Button, LineEdit} from "std-widgets.slint";

export component Field inherits VerticalBox {
    padding: 0;
    in property <string> description;
    in-out property <string> value;
}

export component TextField inherits Field {    
    Text { text: root.description; height: 20px; }
    LineEdit { text <=> root.value; height: 30px; }
}

export component MainWindow inherits Window {
    default-font-size: 14px;

    preferred-width: 300px;
    preferred-height: 300px;

    in-out property <string> value;

    VerticalBox {
        Text { text: "Hi, Felix!"; height: 20px;}
        TextField { description: "Do you like tea?"; value <=> value; }
        TextField { description: "Your output is:"; value <=> value; }
        Button { text: "Quit"; height: 30px; }
    }
}

注：本示例在 Slint v1.2.2 上测试。

下面简单总结 Slint 组件属性标记: