import React from
'react'
import { SelectMenu, Button } from
'evergreen-ui'
export
default
function
App() {
const [selected, setSelected] = React.useState(
null
)
const options = [
{ label:
'Monday'
, value:
'Monday'
},
{ label:
'Tuesday'
, value:
'Tuesday'
},
{ label:
'Wednesday'
, value:
'Wednesday'
},
{ label:
'Thursday'
, value:
'Thursday'
},
{ label:
'Friday'
, value:
'Friday'
},
{ label:
'Saturday'
, value:
'Saturday'
},
{ label:
'Sunday'
, value:
'Sunday'
},
]
return
(
<div style={{
display:
'block'
, width: 700, paddingLeft: 30
}}>
<h4>ReactJS Evergreen SelectMenu Component</h4>
<SelectMenu
selected={selected}
options={options}
title=
"Select week day"
onSelect={(item) => setSelected(item.value)}
><Button> {selected || `Select Weekday`}</Button>
</SelectMenu>
</div>
);
}