Kommune

\n \n ))}\n \n \n \n );\n};","file","suggestion.stories.tsx",{"_10":220,"_215":221,"_217":218},"PreviewEn","const PreviewEn = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n return (\n \n Select a destination\n \n \n \n \n \n No results found\n \n {DATA_PLACES.map((place) => (\n \n {place}\n

Municipality

\n \n ))}\n \n \n \n );\n};",{"_10":223,"_215":224,"_217":218},"Multiple","const Multiple = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n return (\n \n Velg en destinasjon\n \n \n \n \n \n Ingen treff\n \n {DATA_PLACES.map((place) => (\n \n {place}\n \n ))}\n \n \n \n );\n};",{"_10":226,"_215":227,"_217":218},"MultipleEn","const MultipleEn = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n return (\n \n Select a destination\n \n \n \n \n \n No results found\n \n {DATA_PLACES.map((place) => (\n \n {place}\n \n ))}\n \n \n \n );\n};",{"_10":229,"_215":230,"_217":218},"Filter","const Filter = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n return (\n \n Skriv inn et tall mellom 1-6\n \n \n \n \n \n Ingen treff\n \n {DATA_PLACES.map((label) => (\n \n {label}\n \n ))}\n \n \n \n );\n};",{"_10":232,"_215":233,"_217":218},"ControlledMultiple","const ControlledMultiple = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n const [selected, setSelected] = useState(['Oslo']);\n\n return (\n <>\n \n Velg destinasjoner\n \n setSelected(items.map((item) => item.value))\n }\n >\n \n \n \n \n Ingen treff\n \n {DATA_PLACES.map((place) => (\n \n {place}\n

Kommune

\n \n ))}\n \n \n \n \n\n \n Valgte reisemål: {selected.join(', ')}\n \n\n {\n setSelected(['Sogndal', 'Stavanger']);\n }}\n >\n Sett reisemål til Sogndal, Stavanger\n \n \n );\n};",{"_10":235,"_215":236,"_217":218},"ControlledMultipleEn","const ControlledMultipleEn = () => {\n const DATA_PLACES = [\n 'Sogndal',\n 'Oslo',\n 'Brønnøysund',\n 'Stavanger',\n 'Trondheim',\n 'Bergen',\n 'Lillestrøm',\n ];\n const [selected, setSelected] = useState(['Oslo']);\n\n return (\n <>\n \n Select destinations\n \n setSelected(items.map((item) => item.value))\n }\n >\n \n \n \n \n No results found\n \n {DATA_PLACES.map((place) => (\n \n {place}\n

Municipality

\n \n ))}\n \n \n \n \n\n \n Selected destinations: {selected.join(', ')}\n \n\n {\n setSelected(['Sogndal', 'Stavanger']);\n }}\n >\n Set destinations to Sogndal, Stavanger\n \n \n );\n};","dodont",[239,243],{"_10":240,"_215":241,"_217":242},"DoIcon","const DoIcon = () => {\n const DATA_PLACES = [\n 'Albania',\n 'Andorra',\n 'Belgia',\n 'Bosnia-Hercegovina',\n 'Bulgaria',\n 'Danmark',\n 'Estland',\n 'Finland',\n 'Frankrike',\n 'Georgia',\n 'Hellas',\n 'Irland',\n 'Island',\n 'Italia',\n 'Kasakhstan',\n 'Kosovo',\n 'Kroatia',\n 'Latvia',\n 'Liechtenstein',\n 'Litauen',\n 'Luxembourg',\n 'Malta',\n 'Moldova',\n 'Monaco',\n 'Montenegro',\n 'Nederland',\n 'Nord-Makedonia',\n 'Norge',\n 'Polen',\n 'Portugal',\n 'Romania',\n 'Russland',\n 'San Marino',\n 'Serbia',\n 'Slovakia',\n 'Slovenia',\n 'Spania',\n 'Storbritannia',\n 'Sveits',\n 'Sverige',\n 'Tsjekkia',\n 'Tyskland',\n 'Ukraina',\n 'Ungarn',\n 'Vatikanstaten',\n 'Østerrike',\n ];\n return (\n \n Hvilket land er du fra?\n \n \n \n \n \n Ingen treff\n \n {DATA_PLACES.map((place) => (\n \n {place}\n

Europa

\n \n ))}\n \n \n \n );\n};","suggestion.dodont.tsx",{"_10":244,"_215":245,"_217":242},"DontIcon","const DontIcon = () => {\n const DATA_PLACES = [\n 'Albania',\n 'Andorra',\n 'Belgia',\n 'Bosnia-Hercegovina',\n 'Bulgaria',\n 'Danmark',\n 'Estland',\n 'Finland',\n 'Frankrike',\n 'Georgia',\n 'Hellas',\n 'Irland',\n 'Island',\n 'Italia',\n 'Kasakhstan',\n 'Kosovo',\n 'Kroatia',\n 'Latvia',\n 'Liechtenstein',\n 'Litauen',\n 'Luxembourg',\n 'Malta',\n 'Moldova',\n 'Monaco',\n 'Montenegro',\n 'Nederland',\n 'Nord-Makedonia',\n 'Norge',\n 'Polen',\n 'Portugal',\n 'Romania',\n 'Russland',\n 'San Marino',\n 'Serbia',\n 'Slovakia',\n 'Slovenia',\n 'Spania',\n 'Storbritannia',\n 'Sveits',\n 'Sverige',\n 'Tsjekkia',\n 'Tyskland',\n 'Ukraina',\n 'Ungarn',\n 'Vatikanstaten',\n 'Østerrike',\n ];\n return (\n \n Skriv for å søke etter land\n \n \n \n \n \n Ingen treff\n \n {DATA_PLACES.map((place) => (\n \n {place}\n

Europa

\n \n ))}\n \n \n \n );\n};","mdxCode","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var g=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),y=(t,e)=>{for(var o in e)s(t,o,{get:e[o],enumerable:!0})},c=(t,e,o,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of l(e))!x.call(t,r)&&r!==o&&s(t,r,{get:()=>e[r],enumerable:!(i=h(e,r))||i.enumerable});return t};var _=(t,e,o)=>(o=t!=null?p(f(t)):{},c(e||!t||!t.__esModule?s(o,\"default\",{value:t,enumerable:!0}):o,t)),b=t=>c(s({},\"__esModule\",{value:!0}),t);var d=g((v,a)=>{a.exports=_jsx_runtime});var k={};y(k,{default:()=>m,frontmatter:()=>j});var n=_(d()),j=void 0;function u(t){let e={a:\"a\",p:\"p\",...t.components},{Alert:o}=e;return o||w(\"Alert\",!0),(0,n.jsx)(o,{\"data-color\":\"info\",children:(0,n.jsxs)(e.p,{children:[\"We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on \",(0,n.jsx)(e.a,{href:\"https://github.com/digdir/designsystemet/issues/new?template=1bug_report.yml\",children:\"Github\"}),\" or \",(0,n.jsx)(e.a,{href:\"https://designsystemet.no/slack\",children:\"Slack\"}),\".\"]})})}function m(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(u,{...t})}):u(t)}function w(t,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+t+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return b(k);})();\n;return Component;","metadata",{"_50":144,"_250":251,"_252":253},"subtitle","var Component=(()=>{var p=Object.create;var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var h=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),j=(e,t)=>{for(var n in t)c(e,n,{get:t[n],enumerable:!0})},i=(e,t,n,r)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let s of m(t))!_.call(e,s)&&s!==n&&c(e,s,{get:()=>t[s],enumerable:!(r=x(t,s))||r.enumerable});return e};var M=(e,t,n)=>(n=e!=null?p(f(e)):{},i(t||!e||!e.__esModule?c(n,\"default\",{value:e,enumerable:!0}):n,e)),g=e=>i(c({},\"__esModule\",{value:!0}),e);var a=h((X,u)=>{u.exports=_jsx_runtime});var C={};j(C,{default:()=>l,frontmatter:()=>w});var o=M(a()),w=void 0;function d(e){let t={code:\"code\",p:\"p\",...e.components};return(0,o.jsxs)(t.p,{children:[(0,o.jsx)(t.code,{children:\"Suggestion\"}),' is a searchable \"select\" with support for multiple selections.']})}function l(e={}){let{wrapper:t}=e.components||{};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}return g(C);})();\n;return Component;","image","Suggestion.svg","linkMetadata",[256,258,262,266,268,270,273,275,277,280],{"_50":257},"Suggestion - Designsystemet",{"_10":259,"_260":261},"description","content","`Suggestion` is a searchable \"select\" with support for multiple selections.",{"_263":264,"_260":265},"property","og:image","/img/designsystemet-meta.png",{"_263":267,"_260":144},"og:title",{"_263":269,"_260":261},"og:description",{"_263":271,"_260":272},"og:url","https://designsystemet.no",{"_263":274,"_260":144},"twitter:title",{"_263":276,"_260":261},"twitter:description",{"_263":278,"_260":279},"twitter:card","summary_large_image",{"_263":281,"_260":265},"twitter:image","cssSource",".ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E\");--dsc-suggestion-option-checkmark-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E\");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);box-sizing:border-box;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){-webkit-margin-end:var(--ds-size-1);margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--ds-shadow-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>*{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;-webkit-border-start:5px solid transparent;border-inline-start:5px solid transparent;border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;-webkit-padding-start:var(--dsc-suggestion-option-checkmark-size);padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:\"\";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible *{--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em}.ds-suggestion:has(input:placeholder-shown) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;-webkit-padding-end:2.4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion input[inputmode=none]{box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{-webkit-padding-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);align-self:center;display:flex;-webkit-margin-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:\"\";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}","cssVars",{"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":291,"_303":304,"_305":306,"_307":308,"_309":310},"--dsc-suggestion-option-background--selected","var(--ds-color-surface-tinted)","--dsc-suggestion-option-border-color","var(--ds-color-base-default)","--dsc-suggestion-clear-gap","var(--ds-size-2)","--dsc-suggestion-clear-padding","var(--ds-size-1)","--dsc-suggestion-clear-size","var(--ds-size-9)","--dsc-suggestion-clear-icon-url","url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E\")","--dsc-suggestion-option-checkmark-url","url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E\")","--dsc-suggestion-option-checkmark-size","var(--ds-size-7)","--dsc-suggestion-list-gap","--dsc-suggestion-border-width","var(--ds-border-width-default)","--dsc-suggestion-border-style","solid","--dsc-suggestion-border-color","var(--ds-color-neutral-border-default)","--dsc-button-size","var(--dsc-suggestion-clear-size)","cssAttrs",{"_313":314,"_315":316},"multiple","false","empty","","toc",[],"componentDocs",[321,413,417,426,434,442,465],{"_322":323,"_324":325,"_259":316,"_326":144,"_327":328,"_329":330},"tags",{},"filePath","/usr/src/app/packages/react/src/components/suggestion/suggestion.tsx","displayName","methods",[],"props",{"_331":332,"_350":351,"_358":359,"_10":365,"_373":374,"_313":382,"_390":391,"_398":399,"_405":406},"filter",{"_333":334,"_259":337,"_10":331,"_338":-7,"_339":340,"_345":346,"_347":348},"defaultValue",{"_335":336},"value","true","Filter options; boolean or a custom callback.\n\nSee {@link Filter} for the callback signature.","parent","declarations",[341],{"_342":343,"_10":344},"fileName","app/packages/react/src/components/suggestion/suggestion.tsx","TypeLiteral","required",false,"type",{"_10":349},"boolean | Filter","creatable",{"_333":352,"_259":353,"_10":350,"_338":-7,"_339":354,"_345":346,"_347":356},{"_335":314},"Allows the user to create new items",[355],{"_342":343,"_10":344},{"_10":357},"boolean","onBeforeMatch",{"_333":-5,"_259":360,"_10":358,"_338":-7,"_339":361,"_345":346,"_347":363},"Callback when matching input value against options",[362],{"_342":343,"_10":344},{"_10":364},"(event: EventBeforeMatch) => void",{"_333":366,"_259":368,"_10":10,"_338":-7,"_339":369,"_345":346,"_347":371},{"_335":367},"undefined","The name of the associated form control",[370],{"_342":343,"_10":344},{"_10":372},"string","renderSelected",{"_333":375,"_259":377,"_10":373,"_338":-7,"_339":378,"_345":346,"_347":380},{"_335":376},"({ label }) => label","Change how the selected options are rendered inside the `Chip`.",[379],{"_342":343,"_10":344},{"_10":381},"(args: { label: string; value: string; }) => any",{"_333":383,"_259":384,"_10":313,"_338":-7,"_339":385,"_345":346,"_347":389},{"_335":314},"Allows the user to select multiple items",[386,387,388],{"_342":343,"_10":344},{"_342":343,"_10":344},{"_342":343,"_10":344},{"_10":357},"selected",{"_333":-5,"_259":392,"_10":390,"_338":-7,"_339":393,"_345":346,"_347":396},"The selected item of the Suggestion.\n\nIf `label` and `value` are the same, each item can be a `string`. Otherwise, each item must be a `SuggestionItem`.\n\nUsing this makes the component controlled and it must be used in combination with `onSelectedChange`.",[394,395],{"_342":343,"_10":344},{"_342":343,"_10":344},{"_10":397},"string | SuggestionItem | (string | SuggestionItem)[]","defaultSelected",{"_333":-5,"_259":400,"_10":398,"_338":-7,"_339":401,"_345":346,"_347":404},"Default selected item when uncontrolled",[402,403],{"_342":343,"_10":344},{"_342":343,"_10":344},{"_10":397},"onSelectedChange",{"_333":-5,"_259":407,"_10":405,"_338":-7,"_339":408,"_345":346,"_347":411},"Callback when selected items changes",[409,410],{"_342":343,"_10":344},{"_342":343,"_10":344},{"_10":412},"((value: SuggestionItem) => void) | ((value: SuggestionItem[]) => void)",{"_322":323,"_324":325,"_259":316,"_326":414,"_327":415,"_329":416},"SuggestionContext",[],{},{"_322":418,"_324":421,"_259":422,"_326":423,"_327":424,"_329":425},{"_419":420},"example","\n \n \n \n","/usr/src/app/packages/react/src/components/suggestion/suggestion-clear.tsx","Component that provides a clear button for the Suggestion input.\n\nPlace as a descendant of `Suggestion`","SuggestionClear",[],{},{"_322":427,"_324":429,"_259":430,"_326":431,"_327":432,"_329":433},{"_419":428},"\n Tomt\n","/usr/src/app/packages/react/src/components/suggestion/suggestion-empty.tsx","Component that provides an empty Suggestion list.\n\nPlace as a descendant of `Suggestion.List`","SuggestionEmpty",[],{},{"_322":435,"_324":437,"_259":438,"_326":439,"_327":440,"_329":441},{"_419":436},"\n \n \n","/usr/src/app/packages/react/src/components/suggestion/suggestion-input.tsx","Component that provides an input field for the Suggestion list.\n\nPlace as a descendant of `Suggestion`","SuggestionInput",[],{},{"_322":443,"_324":444,"_259":445,"_326":446,"_327":447,"_329":448},{"_419":436},"/usr/src/app/packages/react/src/components/suggestion/suggestion-list.tsx","Component that provides a Suggestion list.\n\nPlace as a descendant of `Suggestion`","SuggestionList",[],{"_449":450,"_458":459},"singular",{"_333":451,"_259":453,"_10":449,"_338":-7,"_339":454,"_345":346,"_347":457},{"_335":452},"%d forslag","The screen reader announcement for singular Suggestion, where %d is the number of Suggestions",[455],{"_342":456,"_10":344},"app/packages/react/src/components/suggestion/suggestion-list.tsx",{"_10":372},"plural",{"_333":460,"_259":461,"_10":458,"_338":-7,"_339":462,"_345":346,"_347":464},{"_335":452},"The screen reader announcement for plural Suggestions, where %d is the number of Suggestions",[463],{"_342":456,"_10":344},{"_10":372},{"_322":466,"_324":468,"_259":469,"_326":470,"_327":471,"_329":472},{"_419":467},"\n \n \n Option 1\n Option 2\n \n","/usr/src/app/packages/react/src/components/suggestion/suggestion-option.tsx","A component for rendering individual options in the Suggestion list.","SuggestionOption",[],{},"navigation",{"_475":476,"_477":478,"_479":480},"overviewLink","/en/components/docs/suggestion/overview","codeLink","/en/components/docs/suggestion/code","accessibilityLink","/en/components/docs/suggestion/accessibility","githubLink","https://github.com/digdir/designsystemet/tree/main/apps/www/app/content/components/suggestion/en/accessibility.mdx","actionData","errors"]