40 lines
1.0 KiB
ReasonML
40 lines
1.0 KiB
ReasonML
open FC.Base;
|
|
|
|
let simpleMenu = () =>
|
|
<DropdownMenu title="Simple menu">
|
|
Menu.(
|
|
<Menu onClick={e => Js.log(e.key)}>
|
|
<Item key="item1"> "1st menu item"->React.string </Item>
|
|
<Item key="item2"> "2nd menu item"->React.string </Item>
|
|
<Divider />
|
|
<Item key="item3"> "3nd menu item"->React.string </Item>
|
|
</Menu>
|
|
)
|
|
</DropdownMenu>;
|
|
|
|
let subMenu = () =>
|
|
<DropdownMenu title="Submenu" trigger=Dropdown.Hover>
|
|
Menu.(
|
|
<Menu onClick={e => Js.log(e.key)}>
|
|
<Item key="item1"> "Item1"->React.string </Item>
|
|
<Divider />
|
|
<Item key="item2"> "Item2"->React.string </Item>
|
|
<SubMenu title="Submenu1">
|
|
<Item key="item3"> "Item3"->React.string </Item>
|
|
<Item key="item4"> "Item4"->React.string </Item>
|
|
</SubMenu>
|
|
</Menu>
|
|
)
|
|
</DropdownMenu>;
|
|
|
|
let entries =
|
|
EntryTypes.[
|
|
folder(
|
|
~title="Dropdown menu",
|
|
~children=[
|
|
entry(~title="Simple", ~render=simpleMenu),
|
|
entry(~title="Submenu", ~render=subMenu),
|
|
],
|
|
),
|
|
];
|