@gitlab/ui/dist/components/base/card/card.documentation.js

GitLab UI Components

import examples from './examples';

var card = "# GlCard\n\n<!-- STORY -->\n\nCards are a flexible component used to display content and actions in a variety of contexts.\nThey are generally restricted to a single topic and it should be easy for users to scan relevant and\nactionable information. Content, such as images and text, should be positioned within them in a\nmanner that demonstrates their intended hierarchy.\n";

var description = /*#__PURE__*/Object.freeze({
  __proto__: null,
  'default': card
});

var card_documentation = {
  followsDesignSystem: true,
  description,
  examples,
  propsInfo: {
    headerClass: {
      additionalInfo: 'Additional CSS class(es) to be applied to the header'
    },
    bodyClass: {
      additionalInfo: 'Additional CSS class(es) to be applied to the body'
    },
    footerClass: {
      additionalInfo: 'Additional CSS class(es) to be applied to the footer'
    }
  },
  slots: [{
    name: 'header',
    description: "The card's header content"
  }, {
    name: 'default',
    description: "The card's main content."
  }, {
    name: 'footer',
    description: "The card's footer content"
  }]
};

export default card_documentation;