@gitlab/ui/dist/components/base/button/examples/index.js

GitLab UI Components

import ButtonBasicExample from './button.basic.example';
import ButtonLinkExample from './button.link.example';
import ButtonVariantsExample from './button.variants.example';
import ButtonSizesExample from './button.sizes.example';
import ButtonDisabledExample from './button.disabled.example';
import ButtonLoadingExample from './button.loading.example';

var index = [{
  name: 'Basic',
  items: [{
    id: 'button-basic',
    name: 'Basic',
    description: 'Basic Button',
    component: ButtonBasicExample
  }, {
    id: 'button-link',
    name: 'Button Link',
    description: 'Button with a link',
    component: ButtonLinkExample
  }]
}, {
  name: 'Styling',
  items: [{
    id: 'button-variants',
    name: 'Button Variants',
    description: 'Different button variants',
    component: ButtonVariantsExample
  }, {
    id: 'button-sizes',
    name: 'Button Sizes',
    description: 'Different button sizes',
    component: ButtonSizesExample
  }, {
    id: 'button-disabled',
    name: 'Button Disabled',
    description: 'Button that is disabled',
    component: ButtonDisabledExample
  }, {
    id: 'button-loading',
    name: 'Button Loading',
    description: 'Button that is loading',
    component: ButtonLoadingExample
  }]
}];

export default index;