Passing settings to a javascript library

lotus.js

(function ($, Drupal, drupalSettings) {

Drupal.behaviors.LotusBehavior = {
  attach: function (context, settings) {
    // can access setting from 'drupalSettings';
    var lotusHeight = drupalSettings.lotus.lotusJS.lotus_height;
    $('lotusElement').css('height', lotusHeight);
  }
};
})(jQuery, Drupal, drupalSettings);

lotus.libraries.yml

// In the lotus.services.yml file you have to declare a dependency to drupalSettings
lotus-js:
  version: 1.x
  js:
    js/lotus.js: {}
  dependencies:
    - core/jquery
core/drupalSettings

lotus.module

Function lotus_preprocess_html(&$variables) {
  $lotus_height = ‘300px’;

  //Add a JS library
  $variables['#attached']['library'][] = 'lotus/lotus-js';
$variables['#attached']['drupalSettings']['lotus']['lotusJS']['lotus_height'] = $lotus_height;
}