[{"data":1,"prerenderedAt":117},["Reactive",2],{"$KyeTl6nybl":3,"page-data":4,"page-tree":93,"doc-page-nav":113},[],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":8,"body":10,"_type":88,"_id":89,"_source":90,"_file":91,"_extension":92},"/documentation/tailwindcss/tooltip","tailwindcss",false,"","Tooltip",{"type":11,"children":12,"toc":85},"root",[13,60,70,80],{"type":14,"tag":15,"props":16,"children":18},"element","doc-component-demo",{"title":17},"Customizing the tooltip",[19,43],{"type":14,"tag":20,"props":21,"children":22},"p",{},[23,26,33,35,41],{"type":24,"value":25},"text","Tooltips are simple component provided by Shuriken UI. They can be customized using the ",{"type":14,"tag":27,"props":28,"children":30},"code",{"className":29},[],[31],{"type":24,"value":32},"theme.extend.nui.tooltip",{"type":24,"value":34}," object in the ",{"type":14,"tag":27,"props":36,"children":38},{"className":37},[],[39],{"type":24,"value":40},"tailwind.config.ts",{"type":24,"value":42}," file.",{"type":14,"tag":44,"props":45,"children":46},"code-group",{},[47],{"type":14,"tag":48,"props":49,"children":55},"pre",{"className":50,"code":52,"filename":53,"language":54,"meta":8},[51],"language-ts","export default withShurikenUI({\n  theme: {\n    extend: {\n      nui: {\n        tooltip: {\n          font: {\n            family: 'sans',\n            color: {\n              light: 'white',\n              dark: 'white',\n            }\n          },\n          background: {\n            light: '[#1e293b]',\n            dark: '[#ec4899]',\n          },\n          size: {\n            width: {\n              min: '3rem',\n              max: '21rem',\n            },\n          },\n        }\n      },\n    },\n  },\n})\n","\u003Capp>/tailwind.config.ts","ts",[56],{"type":14,"tag":27,"props":57,"children":58},{"__ignoreMap":8},[59],{"type":24,"value":52},{"type":14,"tag":15,"props":61,"children":64},{"title":62,"demo":63},"Tooltip flow","#examples/tooltip/positions.vue",[65],{"type":14,"tag":20,"props":66,"children":67},{},[68],{"type":24,"value":69},"Default tooltip positions",{"type":14,"tag":15,"props":71,"children":74},{"title":72,"demo":73},"Tooltip avatars","#examples/tooltip/avatar.vue",[75],{"type":14,"tag":20,"props":76,"children":77},{},[78],{"type":24,"value":79},"Tooltips on avatars",{"type":14,"tag":81,"props":82,"children":84},"doc-nav",{"prev":83},"/documentation/tailwindcss/fonts",[],{"title":8,"searchDepth":86,"depth":86,"links":87},2,[],"markdown","content:documentation:30.tailwindcss:6.tooltip.md","content","documentation/30.tailwindcss/6.tooltip.md","md",[94,100,107],{"_path":95,"_dir":8,"_draft":7,"_partial":7,"_locale":8,"title":96,"description":8,"toc":97,"_type":88,"_id":98,"_source":90,"_file":99,"_extension":92},"/documentation","مرکز مستندات",true,"content:documentation:1.index.md","documentation/1.index.md",{"_path":101,"_dir":6,"_draft":7,"_partial":97,"_locale":8,"title":102,"_id":103,"_type":104,"_source":90,"_file":105,"_extension":106},"/documentation/tailwindcss/_dir","Tailwind CSS","content:documentation:30.tailwindcss:_dir.yml","yaml","documentation/30.tailwindcss/_dir.yml","yml",{"_path":108,"_dir":109,"_draft":7,"_partial":7,"_locale":8,"title":110,"description":8,"_type":88,"_id":111,"_source":90,"_file":112,"_extension":92},"/documentation/tailwindcss","documentation","Tailwind, and Tairo","content:documentation:30.tailwindcss:1.index.md","documentation/30.tailwindcss/1.index.md",[114,116],{"_path":83,"title":115},"Fonts",null,1779173522035]