document.html

<script type="text/javascript">
    RED.nodes.registerType('write',{
        category: 'yaas',
        color: '#1b91e2',
        defaults: {
            name: {value: ""},
            yaasCredentials: {type:"yaas-credentials", required:true},
            tenantId: {value: "iotworkshop", required: true},
            documentType : {value: "button", required: true}
        },
        inputs: 1,
        outputs: 0,
        icon: "yaas.png",
        paletteLabel: 'document',
        label: function() {
            return this.name || ('write ' + this.documentType + ' to document repo');
        }
    });
</script>

<script type="text/x-red" data-template-name="write">
    <div class="form-row">
        <label for="node-input-yaasCredentials"><i class="fa"></i> Credentials</label>
        <input type="text" id="node-input-yaasCredentials">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
    <div class="form-row">
        <label for="node-input-tenantId"><i class="fa fa-comments-o"></i> Tenant ID</label>
        <input type="text" id="node-input-tenantId" placeholder="Tenant ID">
    </div>
    <div class="form-row">
        <label for="node-input-documentType"><i class="fa fa-comments-o"></i> Document Type</label>
        <input type="text" id="node-input-documentType" placeholder="button">
    </div>
</script>
<script type="text/x-red" data-help-name="write">
    <p>
       Write
    </p>
</script>