{
    "componentChunkName": "component---src-pages-api-dropdown-mdx",
    "path": "/api/dropdown/",
    "result": {"pageContext":{"frontmatter":{"pageTitle":"Dropdown API","title":"Dropdown","props":["DropdownProps","DropdownContentProps","DropdownHeaderProps","DropdownMenuGroupProps","DropdownMenuItemProps","DropdownMenuNavItemProps","DropdownButtonProps","DropdownSplitButtonProps","DropdownExpandableMenuItemProps","DropdownExpandableMenuListItemProps","DropdownExpandableMenuButtonProps","DropdownExpandableMenuPanelProps"]},"properties":[{"name":"DropdownProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownProps","tags":{},"properties":{"activeIndex":{"name":"activeIndex","required":false,"type":{"name":"number"},"description":"Index of the item that will active/selected. If none is provided, no item will appear active","defaultValue":"-1","deprecated":false},"alignment":{"name":"alignment","required":false,"type":{"name":"enum","options":["DropdownAlignment.end","DropdownAlignment.start"]},"description":"Alignment of the dropdown content","defaultValue":"DropdownAlignment.start","deprecated":true},"dropDirection":{"name":"dropDirection","required":false,"type":{"name":"enum","options":["DropdownDropDirection.down","DropdownDropDirection.left","DropdownDropDirection.right","DropdownDropDirection.up"]},"description":"Position of the dropdown content","defaultValue":"DropdownDropDirection.down","deprecated":true},"isInverse":{"name":"isInverse","required":false,"type":{"name":"boolean"},"description":"If true, the component will have inverse styling to better appear on a dark background","defaultValue":"false","deprecated":false},"maxHeight":{"name":"maxHeight","required":false,"type":{"name":"string | number"},"description":"Max-height of dropdown content","defaultValue":"250px","deprecated":false},"onClose":{"name":"onClose","required":false,"type":{"name":"function"},"description":"Function called when closing the dropdown menu","deprecated":false},"onOpen":{"name":"onOpen","required":false,"type":{"name":"function"},"description":"Function called when opening the dropdown menu","deprecated":false},"width":{"name":"width","required":false,"type":{"name":"string | number"},"description":"Width of menu","defaultValue":"Width of longest menu item","deprecated":false}}},{"name":"DropdownButtonProps","kind":4194304,"kindString":"Type alias","flags":{"isExported":true},"type":{"type":"reference","typeArguments":[{"type":"reference","id":5321,"name":"IconOnlyDropdownButtonProps"},{"type":"reference","id":5325,"name":"IconTextDropdownButtonProps"}],"name":"XOR"},"id":"DropdownButtonProps","tags":{},"properties":{}},{"name":"DropdownContentProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"comment":{"tags":[{"tag":"children","text":"required\n"}]},"id":"DropdownContentProps","tags":{"children":"required"},"properties":{"children":{"name":"children","required":true,"type":{"name":"ReactNode | undefined"},"description":"The content of the component","deprecated":false},"isInverse":{"name":"isInverse","required":false,"type":{"name":"boolean"},"description":"If true, the component will have inverse styling to better appear on a dark background","defaultValue":"false","deprecated":false}}},{"name":"DropdownExpandableMenuButtonProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownExpandableMenuButtonProps","tags":{},"properties":{"icon":{"name":"icon","required":false,"type":{"name":"ReactElement"},"deprecated":false},"isInverse":{"name":"isInverse","required":false,"type":{"name":"boolean"},"description":"If true, the component will have inverse styling to better appear on a dark background","defaultValue":"false","deprecated":false},"testId":{"name":"testId","required":false,"type":{"name":"string"},"deprecated":false}}},{"name":"DropdownExpandableMenuItemProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownExpandableMenuItemProps","tags":{},"properties":{"disabled":{"name":"disabled","required":false,"type":{"name":"boolean"},"description":"If true, item will be disabled; it will appear dimmed and onClick event (or any other events) will not fire","defaultValue":"false","deprecated":false},"isDisabled":{"name":"isDisabled","required":false,"type":{"name":"boolean"},"deprecated":false}}},{"name":"DropdownExpandableMenuListItemProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownExpandableMenuListItemProps","tags":{},"properties":{"disabled":{"name":"disabled","required":false,"type":{"name":"boolean"},"deprecated":false},"icon":{"name":"icon","required":false,"type":{"name":"ReactElement"},"description":"Leading icon for the menu item","deprecated":false},"onClick":{"name":"onClick","required":false,"type":{"name":"function"},"description":"Action that fires when the menu item is clicked. If the menuitem also has a value prop, the value will be passed to the onClick handler","deprecated":false},"testId":{"name":"testId","required":false,"type":{"name":"string"},"deprecated":false},"value":{"name":"value","required":false,"type":{"name":"string | number"},"description":"Value of the component, gets passed to the onClick event","deprecated":false}}},{"name":"DropdownExpandableMenuPanelProps","kind":4194304,"kindString":"Type alias","flags":{"isExported":true},"type":{"type":"reference","id":9282,"name":"AccordionPanelProps"},"id":"DropdownExpandableMenuPanelProps","tags":{},"properties":{}},{"name":"DropdownHeaderProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"comment":{"tags":[{"tag":"children","text":"required\n"}]},"id":"DropdownHeaderProps","tags":{"children":"required"},"properties":{"children":{"name":"children","required":true,"type":{"name":"ReactNode | undefined"},"description":"The content of the component","deprecated":false}}},{"name":"DropdownMenuGroupProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"comment":{"tags":[{"tag":"children","text":"required\n"}]},"id":"DropdownMenuGroupProps","tags":{"children":"required"},"properties":{"children":{"name":"children","required":true,"type":{"name":"ReactNode | undefined"},"description":"The content of the component","deprecated":false},"header":{"name":"header","required":false,"type":{"name":"React.ReactNode"},"description":"Header text to use for the menu group","deprecated":false}}},{"name":"DropdownMenuItemProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownMenuItemProps","tags":{},"properties":{"disabled":{"name":"disabled","required":false,"type":{"name":"boolean"},"description":"If true, item will be disabled; it will appear dimmed and onClick event (or any other events) will not fire","defaultValue":"false","deprecated":false},"icon":{"name":"icon","required":false,"type":{"name":"ReactElement"},"description":"Leading icon for the menu item","deprecated":false},"onClick":{"name":"onClick","required":false,"type":{"name":"function"},"description":"Action that fires when the menu item is clicked. If the menuitem also has a value prop, the value will be passed to the onClick handler","deprecated":false},"value":{"name":"value","required":false,"type":{"name":"string | number"},"description":"Value of the component, gets passed to the onClick event","deprecated":false}}},{"name":"DropdownMenuNavItemProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownMenuNavItemProps","tags":{},"properties":{"icon":{"name":"icon","required":false,"type":{"name":"ReactElement"},"description":"Leading icon for the menu item","deprecated":false},"to":{"name":"to","required":true,"type":{"name":"string"},"description":"The href value of the link","deprecated":false}}},{"name":"DropdownSplitButtonProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"id":"DropdownSplitButtonProps","tags":{},"properties":{"aria-label":{"name":"aria-label","required":true,"type":{"name":"string"},"description":"The text the screen reader will announce. Required for icon-only buttons","deprecated":false},"children":{"name":"children","required":false,"type":{"name":"any"},"description":"The content of the component. If no children are provided, the button will render in an icon only style","deprecated":false},"color":{"name":"color","required":false,"type":{"name":"enum","options":["ButtonColor.danger","ButtonColor.marketing","ButtonColor.primary","ButtonColor.secondary","ButtonColor.subtle","ButtonColor.success"]},"description":"The color of the button, indicating its function in the UI","defaultValue":"ButtonColor.primary","deprecated":false},"disabled":{"name":"disabled","required":false,"type":{"name":"boolean"},"description":"If true, element is disabled","deprecated":false},"id":{"name":"id","required":false,"type":{"name":"string"},"description":"Icon to display within the component","deprecated":false},"isFullWidth":{"name":"isFullWidth","required":false,"type":{"name":"boolean"},"description":"Set the button to display full-width.","defaultValue":"false","deprecated":false},"isInverse":{"name":"isInverse","required":false,"type":{"name":"boolean"},"description":"If true, the component will have inverse styling to better appear on a dark background","defaultValue":"false","deprecated":false},"isLoading":{"name":"isLoading","required":false,"type":{"name":"boolean"},"description":" Set the button to a loading state","defaultValue":"false","deprecated":false},"onClick":{"name":"onClick","required":false,"type":{"name":"function"},"description":"Function that fires when the button is clicked","deprecated":false},"shape":{"name":"shape","required":false,"type":{"name":"enum","options":["ButtonShape.fill","ButtonShape.leftCap","ButtonShape.rightCap","ButtonShape.round"]},"description":"Defines the border radius","defaultValue":"ButtonShape.fill","deprecated":false},"size":{"name":"size","required":false,"type":{"name":"enum","options":["ButtonSize.large","ButtonSize.medium","ButtonSize.small"]},"description":"The relative size of the button","defaultValue":"ButtonSize.medium","deprecated":false},"textTransform":{"name":"textTransform","required":false,"type":{"name":"enum","options":["ButtonTextTransform.none","ButtonTextTransform.uppercase"]},"description":"Determines whether the button appears in all-caps","defaultValue":"ButtonTextTransform.uppercase","deprecated":false},"variant":{"name":"variant","required":false,"type":{"name":"enum","options":["ButtonVariant.link","ButtonVariant.solid"]},"description":"The variant of the button","defaultValue":"ButtonVariant.solid","deprecated":false}}}]}},
    "staticQueryHashes": ["1677184369","599903803"]}