settings_layout.jsx

<Tabs className="l-flex-container-row l-stretch settings-view" data-wd-hook="settings-modal">
  <TabList className="settings-view__sidebar l-stretch-vertical">
    <Tab><a>one</a></Tab>
    <Tab><a>two</a></Tab>
    <Tab><a>three</a></Tab>
    <Tab><a>four</a></Tab>
  </TabList>
  <TabPanel className="l-flex-content l-flex-container-column"><h1>content one</h1></TabPanel>
  <TabPanel className="l-flex-content l-flex-container-column"><h1>content two</h1></TabPanel>
  <TabPanel className="l-flex-content l-flex-container-column"><h1>content three</h1></TabPanel>
  <TabPanel className="l-flex-content l-flex-container-column"><h1>content four</h1></TabPanel>
</Tabs>