"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[1547],{"./src/common/shared/models-mdx/ExpandableTab.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 ExpandableTabReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# ExpandableTab\n\nLa classe **ExpandableTab** rappresenta un modello per definire una scheda espandibile con proprietà personalizzate. È strutturata tramite un costruttore che accetta i seguenti parametri: \n**ExpandableTab** viene utilizzata per costruire azioni custom tramite la struttura definita dal costruttore.\n\n## Implementazione\n<div class=\"table-responsive\">`import { ExpandableTab } from '@inail/internet-webkit/tabs';`</div>\n<br />\n\n***Struttura:***\n`constructor(\n      id: number, \n      title: string, \n      templateNo: any, \n      action?: ActionItem | undefined, \n      hasError?: boolean | undefined, \n      disable?: boolean | undefined\n      )`\n\n***Esempio d'uso:***\n` tabs: ExpandableTab[] = [\n  new ExpandableTab(1, 'Tab 1', this.template1, undefined,false),\n  new ExpandableTab(2, 'Tab 2', this.template2, undefined,false),\n  new ExpandableTab(3, 'Tab 3', this.template3,{ icon:'settings' } as ActionItem,false),\n    ]`\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>id</code></td>\n      <td>\n        Un numero obbligatorio che identifica univocamente la scheda.\n      </td>\n    </tr>\n    <tr>\n      <td><code>title</code></td>\n      <td>\n        Una stringa obbligatoria che rappresenta il titolo della scheda.\n      </td>\n    </tr>\n    <tr>\n      <td><code>templateNo</code></td>\n      <td>\n        Un parametro obbligatorio di tipo generico (any) che indica il numero del modello o un valore associato al template della scheda.\n      </td>\n    </tr>\n    <tr>\n      <td><code>action</code></td>\n      <td>\n       Un parametro opzionale che rappresenta un'azione associata alla scheda. Può essere un oggetto di tipo <a href=\"?path=/docs/resources-models-actionitem--docs\">ActionItem</a> o non definito.\n      </td>\n    </tr>\n    <tr>\n      <td><code>hasError</code></td>\n      <td>\n        Campo non obbligatorio. Puo essere una stringa o array di stringhe.\n      </td>\n    </tr>\n    <tr>\n      <td><code>disable</code></td>\n      <td>\n        Un valore booleano opzionale che specifica se la scheda è disabilitata (true se disabilitata, altrimenti false o undefined).\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"??path=/story/components-tabs-expandable-tabs--expandable-tabs\">Expandable Tabs</a>\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/ExpandableTab"}),"\n",(0,jsx_runtime.jsx)(ExpandableTabReader,{})]})}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()}}}]);