Z
@Fran-Diox try setting collapse to false (the boolean value, not a string) and you’ll see that the SplitterSide cannot be closed…
render: function() {
return (
<Ons.Splitter>
<Ons.SplitterSide
style={{
boxShadow: '0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)'
}}
side='left'
width={200}
collapse={false}
swipeable={true}
isOpen={this.state.isOpen}
onClose={this.hide}
onOpen={this.show}
>
IMO, it should make it not overlaying the SplitterContent but still with keeping the possibility to close / swipe it.