1.1.11 • Published 6 years ago
penguin-uikit v1.1.11
Penguin-UIKIT
Use to extend react.semantic-ui and with some examples
Usage
yarn add penguin-uikit
import lib
import { createNavbar } from 'penguin-uikit'
basic content defined
const TopMenu = props => (
<Menu
fixed="top"
size="huge"
style={{
paddingLeft: props.leftMenuWidth,
}}
>
<Menu.Item name="Basic TopMenu" />
</Menu>
)
const RightMenu = props => (
<Sidebar
as={Menu}
animation="overlay"
direction="right"
visible={props.visible}
vertical
inverted
>
<Menu.Item name="Basic RightMenu" onClick={props.onPusherClick} />
</Sidebar>
)
const Content = props => (
<div className={styles.dashboard} style={{
marginLeft: props.leftMenuWidth
}}>
<Switch>
<Route exact path="/difMenu" render={() => (<div>example page</div>)} />
<Route path="/home" component={Home} />
</Switch>
</div>
)
create Navbar
const Navbar = createNavbar(Content,TopMenu,RightMenu)
export default () => (
<Navbar
leftItems={[{
key: 'left1',
name: 'home',
icon: 'home',
link: false,
as: NavLink,
to: '/home',
exact: true
},
{
key: 'left2',
name: 'difMenu',
icon: 'folder open',
link: false,
as: NavLink,
to: '/difMenu',
exact: true
}]}
logo={<Image size="mini" src="/static/logo.png" centered />}
/>
)
Example
yarn
&&
yarn example
1.1.11
6 years ago
1.1.10
6 years ago
1.1.9
6 years ago
1.1.7
6 years ago
1.1.6
6 years ago
1.1.5
6 years ago
1.1.4
6 years ago
1.1.3
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.21
6 years ago
1.0.20
6 years ago
1.0.19
6 years ago
1.0.18
6 years ago
1.0.17
6 years ago
1.0.16
6 years ago
1.0.15
6 years ago
1.0.14
6 years ago
1.0.13
6 years ago
1.0.12
6 years ago
1.0.11
6 years ago
1.0.10
6 years ago
1.0.9
6 years ago