mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-15 20:19:20 +00:00
44
src/Navbar/Navbar.stories.tsx
Normal file
44
src/Navbar/Navbar.stories.tsx
Normal file
@ -0,0 +1,44 @@
|
||||
import { Meta, Story } from '@storybook/react/types-6-0'
|
||||
import React from 'react'
|
||||
import { Zap, ZapOff } from 'lucide-react'
|
||||
import Component from '.'
|
||||
import Text from '../Text'
|
||||
|
||||
export default {
|
||||
title: 'DZEIO/Navbar',
|
||||
component: Component,
|
||||
parameters: {
|
||||
layout: 'fullscreen'
|
||||
}
|
||||
} as Meta
|
||||
|
||||
export const Basic: Story<any> = (args: any) => <Component {...args} />
|
||||
Basic.args = {
|
||||
type: 'navbar',
|
||||
logo: {src: '/90-38.svg', width: 90, height: 38},
|
||||
loginUrl: '/login',
|
||||
registerUrl: '/register',
|
||||
user: {
|
||||
name: 'Username',
|
||||
description: 'User Description',
|
||||
menu: {
|
||||
links: [{
|
||||
path: '/logout',
|
||||
name: 'Logout'
|
||||
}, {
|
||||
path: '/logout',
|
||||
name: 'Logout'
|
||||
}],
|
||||
informations: (<Text>Testing :D</Text>)
|
||||
}
|
||||
},
|
||||
items: [{
|
||||
path: '/dashboard',
|
||||
name: 'Dasboard',
|
||||
icon: Zap
|
||||
}, {
|
||||
path: '/dashboard',
|
||||
name: 'Dasboard',
|
||||
icon: ZapOff
|
||||
}],
|
||||
}
|
Reference in New Issue
Block a user