Skip to content

Commit

Permalink
feat(shadcn/component/ui): create navigation-menu story
Browse files Browse the repository at this point in the history
  • Loading branch information
HasithDeAlwis authored and MFarabi619 committed Nov 21, 2024
1 parent 9043806 commit f77d9fb
Showing 1 changed file with 41 additions and 0 deletions.
41 changes: 41 additions & 0 deletions libs/external/shadcn/components/ui/navigation-menu.stories.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
import type { Meta, StoryObj } from '@storybook/react'
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
} from './navigation-menu'

const meta = {
title: 'Shadcn-ui/NavigationMenu',
component: NavigationMenu,
tags: ['autodocs'],
parameters: {
layout: 'centered',
},
args: {
children: (
<NavigationMenuList>
<NavigationMenuItem>
<NavigationMenuTrigger>Products</NavigationMenuTrigger>
<NavigationMenuContent className="px-1 py-4">
<NavigationMenuLink href="/products">View Products</NavigationMenuLink>
</NavigationMenuContent>
</NavigationMenuItem>
<NavigationMenuItem>
<NavigationMenuLink href="/about">About</NavigationMenuLink>
</NavigationMenuItem>
</NavigationMenuList>
),
},
argTypes: {
children: { control: { disable: true } },
},
} satisfies Meta<typeof NavigationMenu>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {}

0 comments on commit f77d9fb

Please sign in to comment.