How to change extra dropdown for link change trait

Create a custom trait: https://grapesjs.com/docs/modules/Traits.html

Hello @artf If i only want to do in change trait for href(<a ) tag then how can i change that? I tried like,

    var dType = domComps.getType('default');
    var dModel = dType.model;
    var dView = dType.view;

    domComps.addType('a', {
      model: dModel.extend({
        defaults: Object.assign({}, dModel.prototype.defaults, {
          traits: [
            // strings are automatically converted to text types
            {
              type: 'select',
              label: 'Href',
              name: 'href',
              options: [
                {value: 'index.html', name: 'Home'},
                {value: 'index2.html', name: 'Home2'},
                {value: 'index3.html', name: 'Home3'},
                {value: 'index4.html', name: 'Home4'},
              ]
            }
          ],
        }),
      }, {
        isComponent: function(el) {
          if(el.tagName == 'a'){
            return {type: 'a'};
          }
        },
      }),

      view: dView,
    });```

But this is something like not works. Can you please help me at where i am doing wrong?

And one more question, how can i check the selected DOM element's type? I guess it will use isComponent function. But i don't know how to use it and where?