Monaca Onsen UI Discord Chat Github Repo

SplitterContent moves to right when SplitterSide opens?

  • I am using Onsen UI + React.

    I want to use the Splitter provided by Onsen UI. However the SplitterSide is just over the SplitterContent when it opens. Is there a way to let the SplitterContent move, just like what the menu in Ionic does? (See

    By the way I don’t understand what does the prop “animation” mean. I tried both options but saw no difference.

    Thanks in advance.

  • Onsen UI

    @Xinhu-Liu Hey! There’s only 1 animation implemented in SplitterSide currently, overlay (which is the default one, so it doesn’t matter if you write animation: 'default' or animation: 'overlay'). In Onsen UI v1 there were other animations like the one you mention but they were not ported to v2 for some reason. The existing animation code is here and there are some docs on extending animations here, in case you are interested. It would be nice to have the other animation but unfortunately right now we are quite busy with other stuff :/

    The old animations were push and reveal.

  • @Fran-Diox Hi Fran. Thanks for your answer.