dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-04-23 19:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add left childrens to navbar

Browse Source 
Signed-off-by: Avior <github@avior.me>
This commit is contained in:
Florian Bouillon 2022-10-08 13:21:51 +02:00
parent 2bb4e9830e
commit f213ec4f09
Signed by: Florian Bouillon
GPG Key ID: BEEAF3722D0EBF64
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/Navbar/Navbar.module.styl
View File

@ -35,3 +35,7 @@ $height = 76px
&.shown &.shown
opacity 1 opacity 1
pointer-events initial pointer-events initial
.header
margin-right 16px

10
src/Navbar/Navbar.stories.tsx
View File

@ -3,6 +3,8 @@ import React from 'react'
import { Zap, ZapOff } from 'lucide-react' import { Zap, ZapOff } from 'lucide-react'
import Component from '.' import Component from '.'
import Text from '../Text' import Text from '../Text'
import Col from '../Col'
import Row from '../Row'
export default { export default {
title: 'DZEIO/Navbar', title: 'DZEIO/Navbar',
@ -42,4 +44,12 @@ Navbar.args = {
name: 'Link', name: 'Link',
icon: ZapOff icon: ZapOff
}], }],
children: (
<Row align='center'>
<Col><Text>Test</Text></Col>
<Col><Text>Test</Text></Col>
<Col><Text>Test</Text></Col>
<Col><Text>Test</Text></Col>
</Row>
)
} }

2
src/Navbar/index.tsx
View File

@ -52,6 +52,7 @@ interface Props {
* Links to display * Links to display
*/ */
menu: Array<MenuItem> menu: Array<MenuItem>
children?: React.ReactNode
} }
interface State { interface State {
@ -124,6 +125,7 @@ export default class Navbar extends React.Component<Props, State> {
</Col> </Col>
)} )}
</Row> </Row>
{this.props.children}
{/* Spacer */} {/* Spacer */}
<div style={{flex: 1}}></div> <div style={{flex: 1}}></div>