@gitlab/ui/dist/components/regions/empty_state/examples/index.js

GitLab UI Components

import EmptyStateBasicExample from './empty_state.basic.example';
import EmptyStatePrimaryButtonExample from './empty_state.primary_button.example';
import EmptyStateMultipleButtonExample from './empty_state.multiple_button.example';
import EmptyStateNoIllustrationExample from './empty_state.no_illustration.example';
import EmptyStateNoCustomActions from './empty_state.custom_actions.example';
import EmptyStateSlottedDescription from './empty_state.slotted_description.example';

var index = [{
  name: 'Basic',
  items: [{
    id: 'empty-state-basic',
    name: 'Basic',
    description: 'Basic Empty State',
    component: EmptyStateBasicExample
  }, {
    id: 'empty-state-primary-button',
    name: 'Primary Button',
    description: 'Empty State With Primary Button',
    component: EmptyStatePrimaryButtonExample
  }, {
    id: 'empty-state-multiple-buttons',
    name: 'Multiple Buttons',
    description: 'Empty State With Multiple Buttons',
    component: EmptyStateMultipleButtonExample
  }, {
    id: 'empty-state-no-illustration',
    name: 'No Illustration',
    description: 'Empty State With No Illustration',
    component: EmptyStateNoIllustrationExample
  }, {
    id: 'empty-state-custom-actions',
    name: 'Custom Actions',
    description: 'Replace default buttons with custom contents',
    component: EmptyStateNoCustomActions
  }, {
    id: 'empty-state-slotted-description',
    name: 'Slotted Description',
    description: 'Use a more custom, slotted description',
    component: EmptyStateSlottedDescription
  }]
}];

export default index;