node-red-dashboard/nodes/ui_tab.html

A set of dashboard nodes for Node-RED

<script type="text/javascript">
    RED.nodes.registerType('ui_tab',{
        category: 'config',
        defaults: {
            name: {value: 'Home'},
            icon: {value: 'dashboard'},
            order: {value: 0}
        },
        paletteLabel: 'dashboard tab',
        label: function() { return this.name || 'Tab'; },
        sort: function(A,B) {
            return A.order - B.order;
        }
    });
</script>

<script type="text/x-red" data-template-name="ui_tab">
    <div class="form-row">
        <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-config-input-name">
    </div>
    <div class="form-row">
        <label for="node-config-input-icon"><i class="fa fa-file-image-o"></i> Icon</label>
        <input type="text" id="node-config-input-icon">
    </div>
</script>

<script type="text/x-red" data-help-name="ui_tab">
    <p>Tab configuration for Dashboard</p>
</script>