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

GitLab UI Components

import AvatarImageExample from './avatar.image.example';
import AvatarRectExample from './avatar.rect.example';
import AvatarProjectFallbackExample from './avatar.fallback.example';
import AvatarTooltipExample from './avatar.tooltip.example';

var index = [{
  name: 'Basic',
  items: [{
    id: 'avatar-image',
    name: 'Default Image',
    description: 'Avatar with an image',
    component: AvatarImageExample
  }, {
    id: 'avatar-image-rect',
    name: 'Rectangular Image',
    description: 'Avatar with a rectangular image',
    component: AvatarRectExample
  }, {
    id: 'avatar-project-fallback',
    name: 'Project/Group Fallback',
    description: 'A fallback for projects or groups without an image',
    component: AvatarProjectFallbackExample
  }, {
    id: 'avatar-with-tooltip',
    name: 'With tooltip',
    description: 'Avatar that displays a tooltip on hover',
    component: AvatarTooltipExample
  }]
}];

export default index;