61 lines
1.3 KiB
ReasonML
61 lines
1.3 KiB
ReasonML
|
open FC.Base;
|
||
|
|
|
||
|
|
let stringSelect = () =>
|
||
|
|
<DropdownSelect
|
||
|
|
initialValue=None
|
||
|
|
values=[("key1", "Label 1"), ("key2", "Label 2"), ("key3", "Label 3")]
|
||
|
|
onSelect={v =>
|
||
|
|
switch (v) {
|
||
|
|
| Some(k) => Js.log2("Selected ", k)
|
||
|
|
| None => Js.log("Selected none")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/>;
|
||
|
|
|
||
|
|
let intSelect = () =>
|
||
|
|
<DropdownSelect
|
||
|
|
initialValue={Some(2)}
|
||
|
|
values=[(1, "Int label 1"), (2, "Int label 2"), (3, "Int label 3")]
|
||
|
|
onSelect={v =>
|
||
|
|
switch (v) {
|
||
|
|
| Some(k) => Js.log2("Selected ", k)
|
||
|
|
| None => Js.log("Selected none")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/>;
|
||
|
|
|
||
|
|
type customType =
|
||
|
|
| Option1
|
||
|
|
| Option2
|
||
|
|
| Option3;
|
||
|
|
|
||
|
|
let customSelect = () =>
|
||
|
|
<DropdownSelect
|
||
|
|
initialValue={Some(Option3)}
|
||
|
|
values=[
|
||
|
|
(Option1, "Option1"),
|
||
|
|
(Option2, "Option2"),
|
||
|
|
(Option3, "Option3"),
|
||
|
|
]
|
||
|
|
onSelect={v =>
|
||
|
|
switch (v) {
|
||
|
|
| Some(Option1) => Js.log("Option 1")
|
||
|
|
| Some(Option2) => Js.log("Option 2")
|
||
|
|
| Some(Option3) => Js.log("Option 3")
|
||
|
|
| None => Js.log("None")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/>;
|
||
|
|
|
||
|
|
let entries =
|
||
|
|
EntryTypes.[
|
||
|
|
folder(
|
||
|
|
~title="DropdownSelect",
|
||
|
|
~children=[
|
||
|
|
entry(~title="Select1", ~render=stringSelect),
|
||
|
|
entry(~title="Int select", ~render=intSelect),
|
||
|
|
entry(~title="Custom select", ~render=customSelect),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
];
|