-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---docs-component-dropdown-mdx-e68b167d875a397eba06.js
2 lines (2 loc) · 4.03 KB
/
component---docs-component-dropdown-mdx-e68b167d875a397eba06.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{dTtz:function(e,n,t){"use strict";t.r(n),t.d(n,"_frontmatter",(function(){return b})),t.d(n,"default",(function(){return a}));t("5hJT"),t("W1QL"),t("K/PF"),t("t91x"),t("75LO"),t("PJhk");var o=t("/FXl"),r=t("TjRS"),u=t("3re2"),c=t("ZFoC");t("aD51");function m(){return(m=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)}var b={};void 0!==b&&b&&b===Object(b)&&Object.isExtensible(b)&&!b.hasOwnProperty("__filemeta")&&Object.defineProperty(b,"__filemeta",{configurable:!0,value:{name:"_frontmatter",filename:"docs/component/dropdown.mdx"}});var d={_frontmatter:b},p=r.a;function a(e){var n,t,a,i=e.components,l=function(e,n){if(null==e)return{};var t,o,r={},u=Object.keys(e);for(o=0;o<u.length;o++)t=u[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}(e,["components"]);return Object(o.b)(p,m({},d,l,{components:i,mdxType:"MDXLayout"}),Object(o.b)("h1",{id:"dropdown"},"Dropdown"),Object(o.b)("h2",{id:"hover"},"Hover"),Object(o.b)(c.c,{__position:0,__code:"() => {\n const menu = (\n <Menu>\n <Menu.Item>\n <Text> Item 1 </Text>\n </Menu.Item>\n <Menu.Item>\n <Text> Item 2 </Text>\n </Menu.Item>\n <Menu.Item>\n <Text> Item 3 </Text>\n </Menu.Item>\n </Menu>\n )\n return (\n <Dropdown menu={menu} trigger={'hover'}>\n <Text> Hover Me </Text>\n </Dropdown>\n )\n}",__scope:(n={props:l,DefaultLayout:r.a,Menu:u.f,Dropdown:u.c,Text:u.k,Playground:c.c},n.DefaultLayout=r.a,n._frontmatter=b,n),mdxType:"Playground"},(function(){var e=Object(o.b)(u.f,{mdxType:"Menu"},Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 1 ")),Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 2 ")),Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 3 ")));return Object(o.b)(u.c,{menu:e,trigger:"hover",mdxType:"Dropdown"},Object(o.b)(u.k,{mdxType:"Text"}," Hover Me "))})),Object(o.b)("h2",{id:"click"},"Click"),Object(o.b)(c.c,{__position:1,__code:"() => {\n const menu = (\n <Menu>\n <Menu.Item>\n <Text> Item 1 </Text>\n </Menu.Item>\n <Menu.Item>\n <Text> Item 2 </Text>\n </Menu.Item>\n <Menu.Item>\n <Text> Item 3 </Text>\n </Menu.Item>\n </Menu>\n )\n return (\n <Dropdown menu={menu} trigger={'click'}>\n <button> Click Me </button>\n </Dropdown>\n )\n}",__scope:(t={props:l,DefaultLayout:r.a,Menu:u.f,Dropdown:u.c,Text:u.k,Playground:c.c},t.DefaultLayout=r.a,t._frontmatter=b,t),mdxType:"Playground"},(function(){var e=Object(o.b)(u.f,{mdxType:"Menu"},Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 1 ")),Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 2 ")),Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 3 ")));return Object(o.b)(u.c,{menu:e,trigger:"click",mdxType:"Dropdown"},Object(o.b)("button",null," Click Me "))})),Object(o.b)("h3",{id:"use-function-to-render"},"Use Function to render"),Object(o.b)(c.c,{__position:2,__code:"() => {\n const menu = () => (\n <Menu>\n <Menu.Item>\n <Text> Item 1 </Text>\n </Menu.Item>\n </Menu>\n )\n return (\n <Dropdown menu={menu} trigger={'hover'}>\n <Text> Hover Me </Text>\n </Dropdown>\n )\n}",__scope:(a={props:l,DefaultLayout:r.a,Menu:u.f,Dropdown:u.c,Text:u.k,Playground:c.c},a.DefaultLayout=r.a,a._frontmatter=b,a),mdxType:"Playground"},(function(){return Object(o.b)(u.c,{menu:function(){return Object(o.b)(u.f,{mdxType:"Menu"},Object(o.b)(u.f.Item,null,Object(o.b)(u.k,{mdxType:"Text"}," Item 1 ")))},trigger:"hover",mdxType:"Dropdown"},Object(o.b)(u.k,{mdxType:"Text"}," Hover Me "))})))}void 0!==a&&a&&a===Object(a)&&Object.isExtensible(a)&&!a.hasOwnProperty("__filemeta")&&Object.defineProperty(a,"__filemeta",{configurable:!0,value:{name:"MDXContent",filename:"docs/component/dropdown.mdx"}}),a.isMDXComponent=!0}}]);
//# sourceMappingURL=component---docs-component-dropdown-mdx-e68b167d875a397eba06.js.map