How to use the ko/ui/label.create function in ko

// Native window borders
        appearanceGroupbox.addRow(fields.nativeBorders);
        
        // Minimap
        appearanceGroupbox.addRow(fields.minimap);
        
        // Key bindings
        integrationGroupbox.addRow([
            require("ko/ui/label").create("Key Bindings: "),
            fields.keybinding
        ]);
        
        // Browser
        integrationGroupbox.addRow([
            require("ko/ui/label").create("Default Browser: "),
            fields.browser
        ]);
        
        return page;
    };

require("ko/ui/label").create(""),
            require("ko/ui/span").create(
                "Enables native platform styling for various elements, " + 
                "and uses the classic toolbar layout",
                {attributes: { style: "margin-left: 16px; width: 300px; display: inline-block;", class: "description" }})
        ]);
        
        // Native window borders
        appearanceGroupbox.addRow(fields.nativeBorders);
        
        // Minimap
        appearanceGroupbox.addRow(fields.minimap);
        
        // Key bindings
        integrationGroupbox.addRow([
            require("ko/ui/label").create("Key Bindings: "),
            fields.keybinding
        ]);
        
        // Browser
        integrationGroupbox.addRow([
            require("ko/ui/label").create("Default Browser: "),
            fields.browser
        ]);
        
        return page;
    };

// Have to open the panel before appending anything
        // XXX this should check for a panel and not recreate it if it already
        // exists.
        panel = require("ko/ui/panel").create({
            anchor: require("ko/windows").getMostRecent().document.documentElement,
            attributes: {
                backdrag: true,
                noautohide: true,
                width: "450px",
                class: "dialog"
            }
        });
        panel.open();

        panel.addRow(require("ko/ui/label").create("Share "+(title || "")+" on Slack"),
                     {attributes: {flex: 1, align: "center", pack: "center"}});
        
        var title = params.title || ss.storage.title || "";
        elem.titleField = createTitleField(title);
        panel.add(elem.titleField);
        elem.titleField.focus();
        
        elem.availableChannels = createChannelField();
        panel.add(elem.availableChannels);
        
        elem.msgField = createMsgField();
        panel.add(elem.msgField);
        
        // Force placeholder, why timeout? XUL. The answer is XUL. And facepalms.
        // Honestly I don't know why this doesn't work without a timeout, but
        // this is XUL and I don't have time for its nonsense. 

this.getPageUI = () =>
    {
        var page = require("ko/ui/wizardpage").create();
        
        var appearanceGroupbox = page.addGroupbox({caption: "Appearance"});
        var integrationGroupbox = page.addGroupbox({caption: "Integration"});
        
        // Color scheme
        appearanceGroupbox.addRow([
            require("ko/ui/label").create("Color Scheme: "),
            fields.colorScheme
        ]);
        fields.colorScheme.onChange(this.loadSample);
        
        appearanceGroupbox.addRow($("#sample-stack"));
        
        // I don't like changes
        appearanceGroupbox.addRow(fields.classicMode);
        
        appearanceGroupbox.addRow([
            require("ko/ui/label").create(""),
            require("ko/ui/span").create(
                "Enables native platform styling for various elements, " + 
                "and uses the classic toolbar layout",
                {attributes: { style: "margin-left: 16px; width: 300px; display: inline-block;", class: "description" }})
        ]);

var integrationGroupbox = page.addGroupbox({caption: "Integration"});
        
        // Color scheme
        appearanceGroupbox.addRow([
            require("ko/ui/label").create("Color Scheme: "),
            fields.colorScheme
        ]);
        fields.colorScheme.onChange(this.loadSample);
        
        appearanceGroupbox.addRow($("#sample-stack"));
        
        // I don't like changes
        appearanceGroupbox.addRow(fields.classicMode);
        
        appearanceGroupbox.addRow([
            require("ko/ui/label").create(""),
            require("ko/ui/span").create(
                "Enables native platform styling for various elements, " + 
                "and uses the classic toolbar layout",
                {attributes: { style: "margin-left: 16px; width: 300px; display: inline-block;", class: "description" }})
        ]);
        
        // Native window borders
        appearanceGroupbox.addRow(fields.nativeBorders);
        
        // Minimap
        appearanceGroupbox.addRow(fields.minimap);
        
        // Key bindings
        integrationGroupbox.addRow([
            require("ko/ui/label").create("Key Bindings: "),
            fields.keybinding

} });
            }

            this.$element = parent.$element;
            this.element = parent.element;

            parent.addRow(
                require("ko/ui/row").create({ attributes: { class: "loader enabled", flex: 1 } }),
                { attributes: { align: "center", pack: "center" } }
            );

            parent.add(
                require("ko/ui/spacer").create({ attributes: { class: "slim" } })
            );
            
            message = require("ko/ui/label").create("Loading ..");
            parent.addRow(
                message,
                { attributes: { align: "center", pack: "center" } }
            );

            if (opts.panel)
            {
                parent.open();
            }
        };

row.add(require("ko/ui/label").create({ attributes: { value: field.label + ":", tooltiptext: field.label, crop: "center" }}));

            let elem = require("ko/ui/" + (field.type || "textbox")).create(field.options || undefined);
            mapping[key] = elem;
            row.add(elem);
            
            field.elem = elem;
            
            if (field.entries && elem.entries)
                elem.entries(field.entries);
            
            if (field.value && elem.value)
                elem.value(field.value);
        }
        
        var errorLabel = require("ko/ui/label").create({ attributes: { class: "fullwidth state-error" } });
        errorLabel.hide();
        wrapper.addRow(
            errorLabel,
            { attributes: { align: "center", pack: "center", class: "ui-error" } }
        );
        
        var buttonRow = wrapper.addRow({ attributes: { align: "center", pack: "center" } });
        buttonRow.addClass("buttons-ui");
        
        if (opts.onComplete)
        {
            var okButton = require("ko/ui/button").create(opts.okLabel);
            okButton.onCommand(onFormComplete.bind(this, opts));
            buttonRow.add(okButton);
        }

groups[field.group] = require("ko/ui/groupbox").create({ caption: field.group });
                    wrapper.add(groups[field.group]);
                }
                
                groupParent = groups[field.group];
            }
            else
            {
                groupParent = wrapper;
                currentGroup = null;
            }

            let row = groupParent.addRow();
            
            if (field.label)
                row.add(require("ko/ui/label").create({ attributes: { value: field.label + ":", tooltiptext: field.label, crop: "center" }}));

            let elem = require("ko/ui/" + (field.type || "textbox")).create(field.options || undefined);
            mapping[key] = elem;
            row.add(elem);
            
            field.elem = elem;
            
            if (field.entries && elem.entries)
                elem.entries(field.entries);
            
            if (field.value && elem.value)
                elem.value(field.value);
        }
        
        var errorLabel = require("ko/ui/label").create({ attributes: { class: "fullwidth state-error" } });
        errorLabel.hide();

this.getPageEditor = () =>
    {
        var page = require("ko/ui/wizardpage").create();
        
        var indentGroupbox = page.addGroupbox({caption: "Indentation"});
        var autoGroupbox = page.addGroupbox({caption: "Automation"});
        var helpKomodoGroupbox = page.addGroupbox({caption: "Analytics (Attention!)"});
        
        indentGroupbox.addRow([
            require("ko/ui/label").create("Indentation Width: "),
            fields.indentWidth
        ]);
        
        indentGroupbox.addRow(fields.taborspace);
        
        autoGroupbox.addRow(fields.snippetBehavior);
        
        autoGroupbox.addRow(fields.autofill);
        
        autoGroupbox.addRow(fields.softchars);
        
        autoGroupbox.addRow(fields.autoDelimiters);
        
        autoGroupbox.addRow(fields.showLineNumbers);
        
        helpKomodoGroupbox.addRow(fields.analytics);