renderUI (id) {
    if (!this._isValidElement(id)) {
      throw new Error('Invalid element ID provided');
    }

    const element = document.getElementById(id);

    const template = ((this.cardkit.templates) ? Object.keys(this.cardkit.templates)[0] : false);
    const theme = ((this.cardkit.themes) ? Object.keys(this.cardkit.themes)[0] : false);
    const layout = ((this.cardkit.layouts) ? Object.keys(this.cardkit.layouts)[0] : false);

    this.renderedUIID = id;
    ReactDOM.render(
      React.createElement(UI, {
        configuration: this.computeConfiguration({
          template: template,
          theme: theme,
          layout: layout
        }),
        templates: this.cardkit.templates,
        themes: this.cardkit.themes,
        layouts: this.cardkit.layouts,
        cardKit: this
      }),
      element
    );
  }
/**
   * Renders the built-in UI to the supplied element
   *
   * @param {string} id - The ID of the element to render the UI into
   */
Renders the built-in UI to the supplied element
@param {string} id - The ID of the element to render the UI into
Renders the built - in UI to the supplied element @param { string } id - The ID of the element to render the UI into
renderUI (id) {
    if (!this._isValidElement(id)) {
      throw new Error('Invalid element ID provided');
    }
    const element = document.getElementById(id);
    const template = ((this.cardkit.templates) ? Object.keys(this.cardkit.templates)[0] : false);
    const theme = ((this.cardkit.themes) ? Object.keys(this.cardkit.themes)[0] : false);
    const layout = ((this.cardkit.layouts) ? Object.keys(this.cardkit.layouts)[0] : false);
    this.renderedUIID = id;
    ReactDOM.render(
      React.createElement(UI, {
        configuration: this.computeConfiguration({
          template: template,
          theme: theme,
          layout: layout
        }),
        templates: this.cardkit.templates,
        themes: this.cardkit.themes,
        layouts: this.cardkit.layouts,
        cardKit: this
      }),
      element
    );
  }
renderUI ( id ) { if ( ! this . _isValidElement ( id ) ) { throw new Error ( 'Invalid element ID provided' ) ; } const element = document . getElementById ( id ) ; const template = ( ( this . cardkit . templates ) ? Object . keys ( this . cardkit . templates ) [ 0 ] : false ) ; const theme = ( ( this . cardkit . themes ) ? Object . keys ( this . cardkit . themes ) [ 0 ] : false ) ; const layout = ( ( this . cardkit . layouts ) ? Object . keys ( this . cardkit . layouts ) [ 0 ] : false ) ; this . renderedUIID = id ; ReactDOM . render ( React . createElement ( UI , { configuration : this . computeConfiguration ( { template : template , theme : theme , layout : layout } ) , templates : this . cardkit . templates , themes : this . cardkit . themes , layouts : this . cardkit . layouts , cardKit : this } ) , element ) ; }
Renders the built-in UI to the supplied element
 @param {string} id - The ID of the element to render the UI into
Renders the built - in UI to the supplied element @param { string } id - The ID of the element to render the UI into