"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[4236],{"./src/common/shared/models-mdx/RadioOption.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 RadioOptionReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# RadioOption\n\nDocumentazione dettagliata dell'oggetto custom **RadioOption**, usato nei componenti di Intranet Webkit v17. \n**RadioOption** è progettata per rappresentare un'opzione utilizzabile, ad esempio, all'interno di un gruppo di opzioni radio (radio buttons).\n\n## Implementazione\n<div class=\"table-responsive\">`import {RadioOption} from '@inail/intranet-webkit';`</div>\n<br />\n\n\n***Struttura:***\n`constructor(\n  label: string,\n  payload: any, \n  tooltip?: TooltipModel\n)`\n\n***Esempio d'uso:***\n<br />\n`  options: RadioOption.fromIdValueArray([\n      { id: 1, value: 'INPUT.MS_OPTION_1' },\n      { id: 2, value: 'INPUT.MS_OPTION_2' },\n      { id: 3, value: 'INPUT.MS_OPTION_3' },\n      { id: 4, value: 'INPUT.MS_OPTION_4' },\n  ])`\n\n\n## API\n<div class=\"table-responsive\">\n  <table class=\"table table-documentation\">\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>_label</code></td>\n      <td>\n        Memorizza il testo o l'etichetta associata all'opzione.\n      </td>\n    </tr>\n    <tr>\n      <td><code>_payload</code></td>\n      <td>\n       Contiene il valore o i dati associati all'opzione.\n      </td>\n    </tr>\n    <tr>\n      <td><code>_tooltip</code></td>\n      <td>\n        È un oggetto opzionale di tipo <a href=\"?path=/docs/resources-models-tooltipmodel--docs\">TooltipModel</a>, che definisce un tooltip associato all'opzione.\n      </td>\n    </tr>\n    <tr>\n      <td><code>fromIdValueArray</code></td>\n      <td>\n        Accetta un array di oggetti con campi id (numero) e value (stringa). <br>\n        Restituisce un array di oggetti RadioOption, costruiti utilizzando i valori di id e value.\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-radio--radio\">Radio</a>\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/RadioOption"}),"\n",(0,jsx_runtime.jsx)(RadioOptionReader,{})]})}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()}}}]);
//# sourceMappingURL=common-shared-models-mdx-RadioOption-mdx.b4b2d702.iframe.bundle.js.map