render(indent) {
    this.addClass(`list-group-item list-group-item-action`);
        
    if ( this.active() )
      this.addClass(`active`);
    
    if ( this.color().length > 0 )
      this.addClass(`list-group-item-${this.color()}`);
    
    if ( this.disabled() )
      this.addClass(`disabled`);

    if ( this.togglesTab() ) {
      this.attr('data-toggle', 'list');
      this.attr('role', 'tab');
    }
    
    return super.render(indent);
  }
/**
   * Render the component.
   * @signature render(number) Render this component with (number) spaces of indentation
   * @return The rendered HTML
   */
Render the component.
@signature render(number) Render this component with (number) spaces of indentation
@return The rendered HTML
Render the component . @signature render ( number ) Render this component with ( number ) spaces of indentation @return The rendered HTML
render(indent) {
    this.addClass(`list-group-item list-group-item-action`);
    if ( this.active() )
      this.addClass(`active`);
    if ( this.color().length > 0 )
      this.addClass(`list-group-item-${this.color()}`);
    if ( this.disabled() )
      this.addClass(`disabled`);
    if ( this.togglesTab() ) {
      this.attr('data-toggle', 'list');
      this.attr('role', 'tab');
    }
    return super.render(indent);
  }
render ( indent ) { this . addClass ( ` ` ) ; if ( this . active ( ) ) this . addClass ( ` ` ) ; if ( this . color ( ) . length > 0 ) this . addClass ( ` ${ this . color ( ) } ` ) ; if ( this . disabled ( ) ) this . addClass ( ` ` ) ; if ( this . togglesTab ( ) ) { this . attr ( 'data-toggle' , 'list' ) ; this . attr ( 'role' , 'tab' ) ; } return super . render ( indent ) ; }
Render the component.
Render the component .