1786048673

ui/components/group.slint

@@ -0,0 +1,31 @@
+// Copyright © SixtyFPS GmbH <info@slint.dev>
+// SPDX-License-Identifier: MIT
+
+import {
+    MaterialText,
+    MaterialPalette,
+    MaterialTypography
+} from "../material.slint";
+
+export component Group {
+    in property <string> title;
+
+    Rectangle {
+        border_radius: 12px;
+        background: MaterialPalette.surface_bright;
+
+        VerticalLayout {
+            alignment: start;
+            padding: 8px;
+            spacing: 16px;
+
+            MaterialText {
+                horizontal_alignment: center;
+                text: root.title;
+                style: MaterialTypography.headline_small;
+            }
+
+            @children
+        }
+    }
+}