mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity
e9dd2b7dea
naive-ui/demo/documentation/components/layout/enUS/basic.md

899 B
Raw Blame History

Basic

<n-layout>
  <n-layout-header>
    Cool Header
  </n-layout-header>
  <n-layout-content>
    Cool Content
  </n-layout-content>
  <n-layout-footer>
    Cool Footer
  </n-layout-footer>
</n-layout>
<br>
<n-layout>
  <n-layout-header>
    Cool Header
  </n-layout-header>
  <n-layout>
    <n-layout-sider>
      Cool Sider
    </n-layout-sider>
    <n-layout-content>
      Cool Content
    </n-layout-content>
  </n-layout>
  <n-layout-footer>
    Cool Footer
  </n-layout-footer>
</n-layout>
<br>
<n-layout>
  <n-layout-sider>
    Cool Sider
  </n-layout-sider>
  <n-layout>
    <n-layout-header>
      Cool Header
    </n-layout-header>
    <n-layout-content>
      Cool Content
    </n-layout-content>
    <n-layout-footer>
      Cool Footer
    </n-layout-footer>
  </n-layout>
</n-layout>

export default {
  data () {
    return {
      collapsed: false
    }
  }
}