slint-ui-templates 0.1.0

Composable Slint UI building blocks — mother-child pattern, token-driven
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

// ViewSlot — routing slot for AppShell content area.
//
// Handles visibility and fill automatically — no if-blocks, no vertical-stretch.
// Place one ViewSlot per nav destination inside AppShell or MobileShell.
//
// Usage:
//   AppShell {
//       active-slot: root.active-view;
//       slot-changed(id) => { root.active-view = id; }
//
//       ViewSlot { slot-id: "home";     active: root.active-view; HomeView {} }
//       ViewSlot { slot-id: "settings"; active: root.active-view; SettingsView {} }
//   }

/// V ie ws lo t component.
export component ViewSlot inherits Rectangle {
    /// Input property "slot-id".
    in property <string> slot-id;
    /// Input property "active".
    in property <string> active;

    visible: root.slot-id == root.active;

    @children
}