slint/internal/compiler/tests/syntax/new_syntax/new_component.slint

// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.2 OR LicenseRef-Slint-commercial


component Foo {
    background: 0;
//  ^error{Unknown property background$}
    width: 12px;
}

component Bar {
    Foo {
        Rectangle { }
//      ^error{'Foo' cannot have children. Only components with @children can have children}
    }
    Foo {
        background: 0;
//      ^error{Unknown property background in Foo}
        height: self.width;
    }

    @children
}

export component Baz {
    Bar {
        Foo {}
    }
}