{
    "componentChunkName": "component---src-pages-api-combobox-mdx",
    "path": "/api/combobox/",
    "result": {"pageContext":{"frontmatter":{"pageTitle":"Combobox API","title":"Combobox","props":["ComboboxProps"]},"properties":[{"name":"ComboboxProps","kind":256,"kindString":"Interface","flags":{"isExported":true},"typeParameter":[{"id":11843,"name":"T","kind":131072,"kindString":"Type parameter","flags":{"isExported":true},"type":{"type":"reference","id":11675,"name":"SelectOptions"}}],"id":"ComboboxProps","tags":{},"properties":{"ariaDescribedBy":{"name":"ariaDescribedBy","required":false,"type":{"name":"string"},"description":"Id of the element that describes the combobox input","deprecated":false},"components":{"name":"components","required":false,"type":{"name":"SelectComponents"},"description":"This complex object includes all the compositional components that are used. If you wish to overwrite a component, pass in a component to the appropriate namespace","deprecated":false},"containerStyle":{"name":"containerStyle","required":false,"type":{"name":"CSSProperties"},"description":"Style properties for the component container element","deprecated":false},"defaultItems":{"name":"defaultItems","required":false,"type":{"name":"Generic[]"},"description":"Default selectable options. Allows for uncontrolled component and internal creation of items. Can be an array of strings or objects","deprecated":false},"disableCreateItem":{"name":"disableCreateItem","required":false,"type":{"name":"boolean"},"description":"If true, the new items cannot be created by typing in the text field","defaultValue":"false","deprecated":false},"disabled":{"name":"disabled","required":false,"type":{"name":"boolean"},"description":"If true, item will be disabled; it will appear dimmed and events will not fire","defaultValue":"false","deprecated":false},"errorMessage":{"name":"errorMessage","required":false,"type":{"name":"React.ReactNode"},"description":"Content of the error message. If a value is provided, the component will be styled to show an error state","deprecated":false},"helperMessage":{"name":"helperMessage","required":false,"type":{"name":"React.ReactNode"},"description":"Content of the helper message","deprecated":false},"innerRef":{"name":"innerRef","required":false,"type":{"name":"React.Ref"},"description":"Reference to the input element in the combobox","deprecated":false},"inputStyle":{"name":"inputStyle","required":false,"type":{"name":"CSSProperties"},"description":"Style properties for the select trigger or combobox input","deprecated":false},"isClearable":{"name":"isClearable","required":false,"type":{"name":"boolean"},"description":"If true, the component include a button for clearing the field","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},"isLabelVisuallyHidden":{"name":"isLabelVisuallyHidden","required":false,"type":{"name":"boolean"},"description":"If true, label text will be hidden visually, but will still be read by assistive technology","defaultValue":"false","deprecated":false},"isLoading":{"name":"isLoading","required":false,"type":{"name":"boolean"},"description":"If true, the loading component is shown","defaultValue":"false","deprecated":false},"isTypeahead":{"name":"isTypeahead","required":false,"type":{"name":"boolean"},"description":"When false, the selected item gets validated to ensure it's in the original `items` list.\nWhen using Combobox for typeahead with a large `items` list, set this boolean to true to allow the selected item to not be part of the original `items` list.\nIn addition, when this is true and `isLoading` is used, the loading indicator will appear on the list instead of the input","defaultValue":"false","deprecated":false},"itemListMaxHeight":{"name":"itemListMaxHeight","required":false,"type":{"name":"number | string"},"description":"Max-height for the item menu list ul element","deprecated":false},"items":{"name":"items","required":false,"type":{"name":"Generic[]"},"description":"Default selectable options. Can be an array of strings or objects","deprecated":false},"labelPosition":{"name":"labelPosition","required":false,"type":{"name":"enum","options":["LabelPosition.left","LabelPosition.top"]},"description":"Position of text label relative to form field","defaultValue":"LabelPosition.top","deprecated":false},"labelStyle":{"name":"labelStyle","required":false,"type":{"name":"CSSProperties"},"description":"Style properties for the label","deprecated":false},"labelText":{"name":"labelText","required":true,"type":{"name":"string"},"description":"Text for label","deprecated":false},"labelWidth":{"name":"labelWidth","required":false,"type":{"name":"number"},"description":"If the labelPosition value is 'left' then Input labels have a specified width in percentage, otherwise no width is set.","deprecated":false},"menuStyle":{"name":"menuStyle","required":false,"type":{"name":"CSSProperties"},"description":"Style properties for the items menu","deprecated":false},"messageStyle":{"name":"messageStyle","required":false,"type":{"name":"CSSProperties"},"description":"Style properties for the helper or error message","deprecated":false},"newItemTransform":{"name":"newItemTransform","required":false,"type":{"name":"function"},"description":"Function passed in that transforms a newly created item to whatever format your items are in","deprecated":false},"onInputBlur":{"name":"onInputBlur","required":false,"type":{"name":"function"},"description":"Event that fires when the input loses focus","deprecated":false},"onInputChange":{"name":"onInputChange","required":false,"type":{"name":"function"},"description":"Event that fires when the input's value is changed","deprecated":false},"onInputFocus":{"name":"onInputFocus","required":false,"type":{"name":"function"},"description":"Event that fires when the input gains focus","deprecated":false},"onInputKeyDown":{"name":"onInputKeyDown","required":false,"type":{"name":"function"},"description":"Event that will fire when input receives keypress.","deprecated":false},"onInputKeyPress":{"name":"onInputKeyPress","required":false,"type":{"name":"function"},"description":"Event that will fire when a character is typed in the input","deprecated":false},"onInputKeyUp":{"name":"onInputKeyUp","required":false,"type":{"name":"function"},"description":"Event that will fire when a keypress is released on the input","deprecated":false},"onInputValueChange":{"name":"onInputValueChange","required":false,"type":{"name":"function"},"description":"Event that fires when the selected item changes","deprecated":false},"onItemCreated":{"name":"onItemCreated","required":false,"type":{"name":"function"},"description":"Event that fires when a new item is created with the create item option is clicked in the item list menu","deprecated":false},"placeholder":{"name":"placeholder","required":false,"type":{"name":"string"},"description":"Text for select trigger button or combobox input placeholder","deprecated":false},"toggleButtonRef":{"name":"toggleButtonRef","required":false,"type":{"name":"React.Ref"},"description":"Reference to the toggle button element wrapping the input in the combobox","deprecated":false}}}]}},
    "staticQueryHashes": ["3821761011","819917740"]}