coder
diff --git a/‎site/src/components/DropdownButton/DropdownButton.stories.tsx
Lines changed: 30 additions & 0 deletions b/‎site/src/components/DropdownButton/DropdownButton.stories.tsx
Lines changed: 30 additions & 0 deletions
diff --git a/‎site/src/components/DropdownButton/DropdownContent/DropdownContent.stories.tsx
Lines changed: 0 additions & 19 deletions b/‎site/src/components/DropdownButton/DropdownContent/DropdownContent.stories.tsx
Lines changed: 0 additions & 19 deletions
@@ -0,0 +1,30 @@
+import { action } from "@storybook/addon-actions"
+import { Story } from "@storybook/react"
+import { WorkspaceStateEnum } from "util/workspace"
+import { DeleteButton, UpdateButton, StartButton, DisabledButton } from "./ActionCtas"
+import { DropdownButton, DropdownButtonProps } from "./DropdownButton"
+
+export default {
+  title: "Components/DropdownButton",
+  component: DropdownButton,
+}
+
+const Template: Story<DropdownButtonProps> = (args) => <DropdownButton {...args} />
+
+export const WithDropdown = Template.bind({})
+WithDropdown.args = {
+  primaryAction: <StartButton handleAction={action("start")} />,
+  secondaryActions: [
+    { action: "update", button: <UpdateButton handleAction={action("update")} /> },
+    { action: "delete", button: <DeleteButton handleAction={action("delete")} /> }
+  ],
+  canCancel: false
+}
+
+export const WithCancel = Template.bind({})
+WithCancel.args = {
+  primaryAction: <DisabledButton workspaceState={WorkspaceStateEnum.deleting} />,
+  secondaryActions: [],
+  canCancel: true,
+  handleCancel: action("cancel")
+}