# svelma-pro
布局

# Layout

## 布局

Codesandbox
侧边栏
头部
内容
脚部

    <script>
      import { Layout, Children } from 'svelma-pro';
    </script>

    <Layout>
      <Children.Sider width="100px">
        侧边栏
      </Children.Sider>
      <Layout>
        <Children.Header>
          头部
        </Children.Header>
        <Children.Content height="300px">
          内容
        </Children.Content>
        <Children.Footer>
          脚部
        </Children.Footer>
      </Layout>
    </Layout>

## API

Name | Description | Type | Values | Default
--- | --- | --- | --- | ---