carbon-components/src/components/toolbar/toolbar.config.js

The Carbon Design System is IBM’s open-source design system for products and experiences.

/**
 * 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';

const { prefix } = require('../../globals/js/settings');

const filterOptions = [
  {
    id: 'filter-option-1',
    value: 'filter-option-1',
    label: 'Filter option 1',
    primaryFocus: true,
  },
  {
    id: 'filter-option-2',
    value: 'filter-option-2',
    label: 'Filter option 2',
  },
  {
    id: 'filter-option-3',
    value: 'filter-option-3',
    label: 'Filter option 3',
  },
];

const rowHeightOptions = [
  {
    id: 'short-rows',
    value: 'short',
    label: 'Short',
    selected: true,
    primaryFocus: true,
  },
  {
    id: 'tall-rows',
    value: 'tall',
    label: 'Tall',
  },
];

module.exports = {
  context: {
    prefix,
  },
  variants: [
    {
      name: 'default',
      label: 'Toolbar',
      context: {
        filterOptions,
        rowHeightOptions,
      },
    },
  ],
};