adding row and sections not working

i am integrating grapejs with angular6. but it is not working means it is not showing on blocks i am using following code

 editor = grapesjs.init({
      autorender: 0,
      container: '#gjs',
      components: '<div class="txt-red"></div>',
      style: '.txt-red{color: red}',


}) 
let bm =  editor.BlockManager
bm.add('the-row-block', {
  label: '2 Columns',
category:'Basic',
  content: '<div class="row" data-gjs-droppable=".row-cell" data-gjs-custom-name="Row">' +
      '<div class="row-cell" data-gjs-draggable=".row"></div>' +
      '<div class="row-cell" data-gjs-draggable=".row"></div>' +
    '</div>',
});