carbon-components/umd/components/dropdown/dropdown.config.js

Carbon Components is a component library for IBM Cloud

(function (global, factory) {
  if (typeof define === "function" && define.amd) {
    define([], factory);
  } else if (typeof exports !== "undefined") {
    factory();
  } else {
    var mod = {
      exports: {}
    };
    factory();
    global.dropdownConfig = mod.exports;
  }
})(this, function () {
  /**
   * Copyright IBM Corp. 2016, 2018
   *
   * This source code is licensed under the Apache-2.0 license found in the
   * LICENSE file in the root directory of this source tree.
   */
  'use strict';

  var _require = require('../../globals/js/settings'),
      prefix = _require.prefix;

  var featureFlags = require('../../globals/js/feature-flags');

  var items = [{
    label: 'Option 1',
    value: 'all'
  }, {
    label: 'Option 2',
    value: 'cloudFoundry'
  }, {
    label: 'Option 3',
    value: 'staging'
  }, {
    label: 'Option 4',
    value: 'dea'
  }, {
    label: 'Option 5',
    value: 'router'
  }, {
    label: 'An example option that is really long to show what should be done to handle long text',
    value: 'loremipsum'
  }];
  module.exports = {
    context: {
      prefix: prefix,
      featureFlags: featureFlags
    },
    variants: [{
      name: 'default',
      label: 'Dropdown',
      notes: "\n        The Dropdown component is used for navigating or filtering existing content.\n      ",
      context: {
        items: items
      }
    }, {
      name: 'light',
      label: 'Dropdown (Light)',
      context: {
        light: true,
        items: items
      }
    }, {
      name: 'up',
      label: 'Up',
      context: {
        up: true,
        items: items
      }
    }, {
      name: 'up-light',
      label: 'Up (Light)',
      context: {
        up: true,
        light: true,
        items: items
      }
    }, {
      name: 'inline',
      label: 'Inline',
      context: {
        inline: true,
        items: items
      }
    }]
  };
});