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

GitLab UI Components

import AlertActionsExample from './alert.actions.example';
import AlertCustomActionsExample from './alert.custom_actions.example';
import AlertDefaultExample from './alert.default.example';
import AlertNonDismissibleExample from './alert.non_dismissible.example';
import AlertTextLinksExample from './alert.text_links.example';
import AlertTitleExample from './alert.title.example';
import AlertVariantsExample from './alert.variants.example';

var index = [{
  name: 'Basic',
  items: [{
    id: 'alert-default',
    name: 'Default',
    description: 'Default alert',
    component: AlertDefaultExample
  }, {
    id: 'alert-actions',
    name: 'Actions',
    description: 'Alert with action buttons',
    component: AlertActionsExample
  }, {
    id: 'alert-custom-actions',
    name: 'Custom Actions',
    description: 'Alert with custom actions',
    component: AlertCustomActionsExample
  }, {
    id: 'alert-text-links',
    name: 'Text links',
    description: 'Alert with text links',
    component: AlertTextLinksExample
  }, {
    id: 'alert-title',
    name: 'Title',
    description: 'Alert with a title',
    component: AlertTitleExample
  }, {
    id: 'alert-non-dismissible',
    name: 'Non-dismissible',
    description: 'Alert which is not dismissible',
    component: AlertNonDismissibleExample
  }]
}, {
  name: 'Styling',
  items: [{
    id: 'alert-variants',
    name: 'Variants',
    description: 'All alert variants',
    component: AlertVariantsExample
  }]
}];

export default index;