35b96042f0
* chore: add storybook * chore: unify FE codeabse * chore: update eslint rules * chore: harmonize the use of "subtle" color * chore: remove an extra sidebar rail * refactor: make panel items more consistent * chore: cleanups after merging new code from base * refactor: refine composables * fix: add lost import * chore: make icon style consistent * fix: don't show empty "supported" methods * refactor: solidify select items
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/vue3';
|
|
import { AppButton } from '../button';
|
|
import { AppPopover, AppPopoverContent, AppPopoverTrigger } from './index';
|
|
|
|
const meta: Meta<typeof AppPopover> = {
|
|
title: 'Base/Popover',
|
|
component: AppPopover,
|
|
tags: ['autodocs'],
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof AppPopover>;
|
|
|
|
export const Default: Story = {
|
|
render: () => ({
|
|
components: { AppPopover, AppPopoverTrigger, AppPopoverContent, AppButton },
|
|
template: `
|
|
<AppPopover>
|
|
<AppPopoverTrigger asChild>
|
|
<AppButton variant="outline">Open Popover</AppButton>
|
|
</AppPopoverTrigger>
|
|
<AppPopoverContent class="w-80">
|
|
<div class="grid gap-4">
|
|
<div class="space-y-2">
|
|
<h4 class="font-medium leading-none">Dimensions</h4>
|
|
<p class="text-sm text-zinc-500">Set the dimensions for the layer.</p>
|
|
</div>
|
|
</div>
|
|
</AppPopoverContent>
|
|
</AppPopover>
|
|
`,
|
|
}),
|
|
};
|