title: Reactjs Ant-Design Menu - change subMenu appearance
body: <p>I'm developing a Reactjs website and I'm using Ant-Design (antd) library. I have a Menu and I decided to use the vertical mode. Since my website has rtl layout, I need the SubMenu items to be opened in the left side of the Menu box. How can I do that?</p>
  
  <p>I've prepared an image of what I really want to do:
  <a href="https://i.stack.imgur.com/pdvF7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pdvF7.png" alt="enter image description here"></a></p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;Layout className="SideMenus"&gt;
    &lt;Menu mode="vertical" defaultSelectedKeys={['One']}&gt;
    &lt;Menu.Item key="One"&gt;One&lt;/Menu.Item&gt;
    &lt;Menu.Item key="Two"&gt;Two&lt;/Menu.Item&gt;
    &lt;SubMenu key="Three" title="Three"&gt;
       &lt;Menu.Item key="Option3"&gt;Option3&lt;/Menu.Item&gt;
       &lt;Menu.Item key="Option4"&gt;Option4&lt;/Menu.Item&gt;
    &lt;/SubMenu&gt;
  &lt;/Layout&gt;
  </code></pre>