0.7.5 • Published 5 years ago
@kata-kit/layout v0.7.5
@kata-kit/layout
Layout components for Wicara.
Install
@kata-kit/layout
requires react-router
. To install, use:
# yarn
yarn add @kata-kit/layout react-router-dom
# npm
npm install @kata-kit/layout react-router-dom
Usage
To use this component within your React app, import as follows:
import {
Wrapper,
SidebarAndContent,
Content,
Sidebar,
SidebarMain,
SidebarMainMenu,
SidebarSub,
SidebarSubMenu
} from '@kata-kit/layout';
const Component = ({ children, isSidebarCollapsed }) => (
<Wrapper>
<SidebarAndContent>
<Sidebar collapsed={isSidebarCollapsed}>
<SidebarMain logo={Logo}>
<SidebarMainMenu asNavLink exact to="/" icon="bot">
Demo
</SidebarMainMenu>
<SidebarMainMenu asNavLink to="/docs" icon="docs">
Docs
</SidebarMainMenu>
<SidebarMainMenu asNavLink to="/components" icon="method">
Components
</SidebarMainMenu>
</SidebarMain>
<SidebarSub titleElement={<SidebarSubTitle>Docs</SidebarSubTitle>}>
<SidebarSubMenu asNavLink exact to="/docs">
Index
</SidebarSubMenu>
<SidebarSubMenu asNavLink exact to="/docs/page">
Page
</SidebarSubMenu>
</SidebarSub>
</Sidebar>
<Content>{children}</Content>
</SidebarAndContent>
</Wrapper>
);
0.7.5
5 years ago
0.7.5-canary.1
5 years ago
0.7.5-canary.0
5 years ago
0.7.4
5 years ago
0.7.3
5 years ago
0.7.2
5 years ago
0.7.1
5 years ago
0.7.1-canary.0
5 years ago
0.7.0
5 years ago
0.7.0-beta.6
5 years ago
0.7.0-beta.5
5 years ago
0.7.0-beta.4
5 years ago
0.7.0-beta.3
5 years ago
0.7.0-beta.2
5 years ago
0.7.0-beta.1
5 years ago
0.7.0-beta.0
5 years ago
0.6.2
6 years ago
0.6.1
6 years ago
0.6.0
6 years ago
0.5.2
6 years ago
0.5.1
6 years ago
0.5.0
6 years ago