grommet/es6/components/AccordionPanel/doc.js

focus on the essential experience

import { describe, PropTypes } from 'react-desc';
export function doc(Panel) {
  var DocumentedAccordionPanel = describe(Panel).description('An Accordion panel.').intrinsicElement('div');
  DocumentedAccordionPanel.propTypes = {
    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).description('The panel label.'),
    header: PropTypes.node.description('If specified, the entire panel header will be managed by the caller.')
  };
  return DocumentedAccordionPanel;
}
export var themeDoc = {
  'accordion.hover.heading.color': {
    description: "The text color of the heading when hovered. \n    backward compatible with accordion.hover.color",
    type: 'string | { dark: string, light: string }',
    defaultValue: '{ dark: "light-4", light: "dark-3" }'
  },
  'accordion.heading.level': {
    description: 'The heading level.',
    type: 'number',
    defaultValue: '4'
  },
  'accordion.heading.margin': {
    description: 'The margin size around the heading.',
    type: 'string',
    defaultValue: 'undefined'
  },
  'accordion.icons.collapse': {
    description: 'The icon to use when the panel is expanded.',
    type: 'React.Element',
    defaultValue: '<FormUp />'
  },
  'accordion.icons.color': {
    description: 'The icon color to use in the accordion.',
    type: 'string | { dark: string, light: string }',
    defaultValue: 'control'
  },
  'accordion.icons.expand': {
    description: 'The icon to use when the panel is collapsed.',
    type: 'React.Element',
    defaultValue: '<FormDown />'
  },
  'accordion.border.color': {
    description: 'The border color to use in the accordion panel content.',
    type: 'string | { dark: string, light: string }',
    defaultValue: 'border'
  },
  'accordion.border.side': {
    description: 'The border side to use in the accordion panel content.',
    type: 'string',
    defaultValue: 'bottom'
  },
  'accordion.panel.border.color': {
    description: 'The border color to use on the accordion panel.',
    type: 'string | { dark: string, light: string }',
    defaultValue: undefined
  },
  'accordion.panel.border.side': {
    description: 'The border side to use on the accordion panel.',
    type: 'string',
    defaultValue: undefined
  },
  'accordion.panel.border.size': {
    description: 'The border size of the accordion panel.',
    type: "xsmall | small | medium | large | xlarge",
    defaultValue: undefined
  },
  'accordion.panel.border.style': {
    description: 'The border style of the accordion panel.',
    type: "solid | dashed | dotted | double| groove | ridge \n      | inset | outset | hidden",
    defaultValue: undefined
  }
};