v4.10.0
- 🌍 website: Fix codePen options errors. cc1d6c8 @jaywcjlove
- 💄 chore(deps): Update dependency @types/react to 17.0.39 04af9ec @jaywcjlove
- 🌍 website: update website/public/bundle.html cc5a972 @jaywcjlove
- 💄 chore: update workflows config. 7e0fe91 @jaywcjlove
- 💄 chore: add gitpod config. 04dc4e9 @jaywcjlove
- 🌟 feat: Add LayoutHeader/LayoutContent/LayoutSider/LayoutFooter. baf9901 @jaywcjlove
- 💄 chore(deps): Update dependency lint-staged to v12.3.4 (#8) 2e8186e @renovate-bot
import Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';
// const { Header, Footer, Sider, Content } = Layout;
// Layout.Header = LayoutHeader
// Layout.Content = LayoutContent
// Layout.Sider = LayoutSider
// Layout.Footer = LayoutFooter
function Demo() {
return (
<Layout>
<LayoutHeader>Header</LayoutHeader>
<Layout>
<LayoutContent>Content</LayoutContent>
<LayoutSider>Sider</LayoutSider>
</Layout>
<LayoutFooter>Footer</LayoutFooter>
</Layout>
);
}