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

GitLab UI Components

import examples from './examples';

var description = "# Drawer\n\n<!-- STORY -->\n\n## Usage\n\nThe drawer is used to show more information about a certain resource in the UI and potentially handle actions on the information.\n\n### By default\n\n```html\n<gl-drawer :open=\"open\" @close=\"close\">\n  <template #header>Your Title</template>\n  <template>\n   ...children\n  </template>\n</gl-drawer>\n```\n\n- `v-bind:open` will be a boolean you will pass to `gl-drawer` and `@close` is a listener that will be a function that will toggle open to `false`.\n";

var drawer_documentation = {
  followsDesignSystem: true,
  description: description,
  examples: examples
};

export default drawer_documentation;