---
category: 2
title: 基本用法
title_en: Basic
---

 zh-CN

简单的页面布局

 en-US

Basic usage of Page layout.

````jsx
import { Page, Container } from 'parkball';

const tree = <Container title="左边">这是左边的面板</Container>

ReactDOM.render(
  <Page type='horizontal' tree={tree}>
    <Container title="这是标题">
      这是一个面板
    </Container>
  </Page>,
  mountNode);
````