dzeio/components
1
0
Fork 0
mirror of https://github.com/dzeiocom/components.git synced 2025-04-23 03:12: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
opacity 1
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 Component from '.'
import Text from '../Text'
import Col from '../Col'
import Row from '../Row'
export default {
title: 'DZEIO/Navbar',
@ -42,4 +44,12 @@ Navbar.args = {
name: 'Link',
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
*/
menu: Array<MenuItem>
children?: React.ReactNode
}
interface State {
@ -124,6 +125,7 @@ export default class Navbar extends React.Component<Props, State> {
</Col>
)}
</Row>
{this.props.children}
{/* Spacer */}
<div style={{flex: 1}}></div>