\n \n Dette er en feilmelding.\n \n\n \n Dette er en suksessmelding.\n \n\n \n Dette er en informasjonsmelding.\n \n\n \n Dette er en advarsel.\n \n

\n );\n};",{"_10":226,"_215":227,"_217":218},"AllColorsEn","const AllColorsEn = () => {\n return (\n

\n \n This is an error message.\n \n\n \n This is a success message.\n \n\n \n This is an informational message.\n \n\n \n This is a warning message.\n \n

\n );\n};","dodont",[],"mdxCode","var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),j=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},d=(t,e,n,i)=>{if(e&&typeof e==\"object\"||typeof e==\"function\")for(let r of f(e))!g.call(t,r)&&r!==n&&s(t,r,{get:()=>e[r],enumerable:!(i=u(e,r))||i.enumerable});return t};var b=(t,e,n)=>(n=t!=null?p(h(t)):{},d(e||!t||!t.__esModule?s(n,\"default\",{value:t,enumerable:!0}):n,t)),_=t=>d(s({},\"__esModule\",{value:!0}),t);var l=x((A,c)=>{c.exports=_jsx_runtime});var w={};j(w,{default:()=>m,frontmatter:()=>k});var o=b(l()),k=void 0;function a(t){let e={a:\"a\",p:\"p\",...t.components},{Alert:n}=e;return n||y(\"Alert\",!0),(0,o.jsx)(n,{\"data-color\":\"info\",children:(0,o.jsxs)(e.p,{children:[\"Vi jobber med \\xE5 forbedre dokumentasjonen for tilgjengelighet p\\xE5 denne komponenten. Har du sp\\xF8rsm\\xE5l eller ser noe som b\\xF8r prioriteres, ta gjerne kontakt med oss p\\xE5 \",(0,o.jsx)(e.a,{href:\"https://github.com/digdir/designsystemet/issues/new?template=1bug_report.yml\",children:\"Github\"}),\" eller \",(0,o.jsx)(e.a,{href:\"https://designsystemet.no/slack\",children:\"Slack\"}),\".\"]})})}function m(t={}){let{wrapper:e}=t.components||{};return e?(0,o.jsx)(e,{...t,children:(0,o.jsx)(a,{...t})}):a(t)}function y(t,e){throw new Error(\"Expected \"+(e?\"component\":\"object\")+\" `\"+t+\"` to be defined: you likely forgot to import, pass, or provide it.\")}return _(w);})();\n;return Component;","metadata",{"_50":182,"_234":235,"_236":237},"subtitle","var Component=(()=>{var u=Object.create;var i=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var k=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),_=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},a=(e,t,n,s)=>{if(t&&typeof t==\"object\"||typeof t==\"function\")for(let o of f(t))!j.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(s=x(t,o))||s.enumerable});return e};var g=(e,t,n)=>(n=e!=null?u(p(e)):{},a(t||!e||!e.__esModule?i(n,\"default\",{value:e,enumerable:!0}):n,e)),v=e=>a(i({},\"__esModule\",{value:!0}),e);var c=k((y,l)=>{l.exports=_jsx_runtime});var b={};_(b,{default:()=>m,frontmatter:()=>M});var r=g(c()),M=void 0;function d(e){let t={code:\"code\",p:\"p\",...e.components};return(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.code,{children:\"ValidationMessage\"}),\" brukes til \\xE5 vise tilbakemeldinger knyttet til validering av brukerinput, for eksempel feilmeldinger eller advarsler i skjema.\"]})}function m(e={}){let{wrapper:t}=e.components||{};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}return v(b);})();\n;return Component;","image","ValidationMessage.svg","linkMetadata",[240,242,246,250,252,254,257,259,261,264],{"_50":241},"ValidationMessage - Designsystemet",{"_10":243,"_244":245},"description","content","`ValidationMessage` brukes til å vise tilbakemeldinger knyttet til validering av brukerinput, for eksempel feilmeldinger eller advarsler i skjema.",{"_247":248,"_244":249},"property","og:image","/img/designsystemet-meta.png",{"_247":251,"_244":182},"og:title",{"_247":253,"_244":245},"og:description",{"_247":255,"_244":256},"og:url","https://designsystemet.no",{"_247":258,"_244":182},"twitter:title",{"_247":260,"_244":245},"twitter:description",{"_247":262,"_244":263},"twitter:card","summary_large_image",{"_247":265,"_244":249},"twitter:image","cssSource",".ds-validation-message{--dsc-validation-message-icon-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E\");--dsc-validation-message-icon-size:var(--ds-size-7);--dsc-validation-message-spacing:var(--ds-size-2);--dsc-validation-message-color:var(--ds-color-danger-text-subtle);color:var(--dsc-validation-message-color);margin:0;-webkit-padding-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));padding-inline-start:calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-validation-message:before{background:currentcolor;content:\"\";height:var(--dsc-validation-message-icon-size);margin-inline:calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing))*-1);-webkit-mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;mask:var(--dsc-validation-message-icon-url) center /contain no-repeat;position:absolute;translate:0 calc((1lh - var(--dsc-validation-message-icon-size))/2);width:var(--dsc-validation-message-icon-size)}@media (forced-colors:active){.ds-validation-message:before{background:CanvasText}}.ds-validation-message[data-color=success]{--dsc-validation-message-icon-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z'/%3E%3C/svg%3E\");--dsc-validation-message-color:var(--ds-color-success-text-subtle)}.ds-validation-message[data-color=warning]{--dsc-validation-message-icon-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0'/%3E%3C/svg%3E\");--dsc-validation-message-color:var(--ds-color-warning-text-subtle)}.ds-validation-message[data-color=info]{--dsc-validation-message-icon-url:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E\");--dsc-validation-message-color:var(--ds-color-info-text-subtle)}","cssVars",{"_270":271,"_272":273,"_274":275,"_276":277},"--dsc-validation-message-icon-url","url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E\")","--dsc-validation-message-icon-size","var(--ds-size-7)","--dsc-validation-message-spacing","var(--ds-size-2)","--dsc-validation-message-color","var(--ds-color-danger-text-subtle)","cssAttrs",{},"toc",[],"componentDocs",[284],{"_285":286,"_289":290,"_243":291,"_292":182,"_293":294,"_295":296},"tags",{"_287":288},"example","This is a danger validation message","filePath","/usr/src/app/packages/react/src/components/validation-message/validation-message.tsx","Use `ValidationMessage` to display validation text","displayName","methods",[],"props",{"_297":298},"asChild",{"_299":300,"_243":303,"_10":297,"_304":-7,"_305":306,"_311":312,"_313":314},"defaultValue",{"_301":302},"value","false","Change the default rendered element for the one passed as a child, merging their props and behavior.","parent","declarations",[307],{"_308":309,"_10":310},"fileName","app/packages/react/src/components/validation-message/validation-message.tsx","TypeLiteral","required",false,"type",{"_10":315},"boolean","navigation",{"_318":319,"_320":321,"_322":323},"overviewLink","/no/components/docs/validation-message/overview","codeLink","/no/components/docs/validation-message/code","accessibilityLink","/no/components/docs/validation-message/accessibility","githubLink","https://github.com/digdir/designsystemet/tree/main/apps/www/app/content/components/validation-message/no/accessibility.mdx","actionData","errors"]