"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[3216],{"./src/common/shared/models-mdx/TooltipPlaceType.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 TooltipPlaceTypeReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# TooltipPlaceType\n\nDocumentazione dettagliata del tipo **TooltipPlaceType**, utilizzato nei componenti di interfaccia per definire la posizione dei tooltip.\n**TooltipPlaceType** specifica le opzioni disponibili per posizionare un tooltip, come top, right, bottom e left.\n\n## Implementazione\n<div class=\"table-responsive\">`import { TooltipPlaceType } from '@inail/internet-webkit/constants'`</div>\n<br />\n\n\n***Struttura:***\n`type TooltipPlaceType = 'top' | \n'right' | \n'bottom' | \n'left';\n`\n\n***Esempio d'uso:***\n<br />\n<div class=\"table-responsive\">`tooltipPlacement: TooltipPlaceType = TooltipPlacementEnum.LEFT;`</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>'top'</code></td>\n      <td>Posiziona il tooltip sopra l'elemento associato.</td>\n    </tr>\n    <tr>\n      <td><code>'right'</code></td>\n      <td>Posiziona il tooltip alla destra dell'elemento associato.</td>\n    </tr>\n    <tr>\n      <td><code>'bottom'</code></td>\n      <td>Posiziona il tooltip sotto l'elemento associato.</td>\n    </tr>\n    <tr>\n      <td><code>'left'</code></td>\n      <td>Posiziona il tooltip alla sinistra dell'elemento associato.</td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-buttons-action--action\">Action</a>\n<br/>\n<a href=\"?path=/story/components-buttons-actions-dropdown--actions-dropdown\">Action Dropdown</a>\n<br/>\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/TooltipPlaceType"}),"\n",(0,jsx_runtime.jsx)(TooltipPlaceTypeReader,{})]})}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()}}}]);