devex: storybook for UI Package (#4984)

* add storybook * clean up stories * small fix * add stories for all components * add vintl * default to dark mode * fix teleport * add theme addon * add new modal story * delete broken stories * move all stories to central stories folder * fix paths * add pnpm run storybook * remove chromatic * add add-stories.md * fix types * fix unncessary args field * cover more addordion states * pt2 * remove old vintl * fix: missing style + ctx --------- Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
2026-01-01 16:32:58 -08:00
parent 477d77cdc1
commit daf804947c
65 changed files with 5526 additions and 78 deletions
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import ScrollablePanel from '../../components/base/ScrollablePanel.vue'
+
+const meta = {
+	title: 'Base/ScrollablePanel',
+	component: ScrollablePanel,
+	render: (args) => ({
+		components: { ScrollablePanel },
+		setup() {
+			return { args }
+		},
+		template: /*html*/ `
+			<ScrollablePanel v-bind="args">
+				<div style="display: flex; flex-direction: column; gap: 1rem;">
+					<p v-for="i in 20" :key="i">Item {{ i }}</p>
+				</div>
+			</ScrollablePanel>
+		`,
+	}),
+} satisfies Meta<typeof ScrollablePanel>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}
+
+export const DisabledScrolling: Story = {
+	args: {
+		disableScrolling: true,
+	},
+}