"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[7918],{"./src/common/shared/models-mdx/ErrorLabel.mdx"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});var react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const ErrorLabelReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,'# ErrorLabel\n\nDocumentazione dettagliata della custom class **ErrorLabel**, usata nei componenti di Internet Webkit v17. \n**ErrorLabel** viene utilizzata per creare elementi che visualizzano un messaggio di errore nel template.\n\n## Implementazione\n<div class="table-responsive">`import { ErrorLabel } from \'@inail/internet-webkit\';`</div>\n<br />\n\n***Struttura:***\n`constructor(checkFn: (control?: FormControl) => boolean, \n  message: string,\n  messageParams?: any,\n  color?: ErrorLabelColor)`\n\n***Esempio d\'uso:***\n<br />\n<div class="table-responsive">`errorLabel = new ErrorLabel((control) => (control ? control.hasError(\'required\') : false), \'ERROR.REQUIRED\', {}, ErrorLabelColor.ERROR)`</div>\n\n## API\n<div class="table-responsive">\n  <table class="table">\n  <thead>\n    <tr>\n      <th><strong>Campo</strong></th>\n      <th><strong>Descrizione</strong></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><code>checkFn</code></td>\n      <td>\n        Funzione che verifica tramite il FormControl, se c\'e un errore specifico presente.\n      </td>\n    </tr>\n    <tr>\n      <td><code>message</code></td>\n      <td>\n        Campo di tipo string che imposta il testo che verrà visualizzato nel messaggio errore.\n      </td>\n    </tr>\n    <tr>\n      <td><code>messageParams</code></td>\n      <td>\n        Campo di tipo placeholder per messaggi i18n.\n      </td>\n    </tr>\n    <tr>\n      <td><code>color</code></td>\n      <td>\n        Campo di tipo <code>ErrorLabelColor</code> che imposta il colore dell\'error label.\n        I valori dell\' enum sono i seguenti:\n        <ul>\n          <li>\n            ERROR = "msg-error"\n          </li>\n          <li>\n            WARNING = "msg-warning",\n          </li>\n          <li>\n            GREEN = "msg-ok"\n          </li>\n        </ul>\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d\'utilizzo\n<br />\n<a href="?path=/story/components-form-form-controls-checkbox--checkbox">Form Controls</a>'));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/ErrorLabel"}),"\n",(0,jsx_runtime.jsx)(ErrorLabelReader,{})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,lib.R)(),...props.components};return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent()}}}]);