import type { Meta, StoryObj } from "@storybook/react-vite";
import { Dropdown } from "@shared/components/Dropdown";
import { Button } from "@shared/components/Button";
const meta: Meta = {
title: "Primitives/Dropdown",
parameters: { layout: "padded" },
decorators: [
(S) => (
),
],
};
export default meta;
type Story = StoryObj;
export const Basic: Story = {
render: () => (
console.log("a")}>Item A
console.log("b")}>Item B
console.log("c")} active>
Item C (active)
),
};
export const WithDivider: Story = {
render: () => (
Profile
Workspace settings
Sign out
),
};
export const WithTrailingHints: Story = {
render: () => (
Search
New pipeline
New API key
Toggle theme
),
};
export const AlignStart: Story = {
render: () => (
One
Two
),
};