mirror of
https://github.com/dzeiocom/components.git
synced 2025-06-16 20:49:20 +00:00
26
src/Menu/Menu.stories.tsx
Normal file
26
src/Menu/Menu.stories.tsx
Normal file
@ -0,0 +1,26 @@
|
||||
import { Meta } from '@storybook/react/types-6-0'
|
||||
import { XOctagon } from 'lucide-react'
|
||||
import React from 'react'
|
||||
import Component from '.'
|
||||
|
||||
export default {
|
||||
title: 'DZEIO/Menu',
|
||||
component: Component
|
||||
} as Meta
|
||||
|
||||
const list: Component['props']['items'] = [
|
||||
{value: 'Menu item 1'},
|
||||
{value: 'Menu item 2', icon: XOctagon},
|
||||
{value: 'Menu item 3', icon: XOctagon},
|
||||
{value: 'Menu item 4', icon: XOctagon},
|
||||
{value: 'Menu item 5', selected: true, icon: XOctagon},
|
||||
{value: 'Menu item 6', icon: XOctagon},
|
||||
{value: 'Menu item 7', icon: XOctagon},
|
||||
{value: 'Menu item 8', icon: XOctagon},
|
||||
{value: 'Menu item 9', icon: XOctagon},
|
||||
{value: 'Menu item 10', icon: XOctagon}
|
||||
]
|
||||
|
||||
export const Basic = (args: any) => (
|
||||
<Component outline {...args} items={list} onClick={(_, index) => list[index].selected = !list[index].selected} />
|
||||
)
|
Reference in New Issue
Block a user