diff --git a/app/DTNode.stories.tsx b/app/DTNode.stories.tsx
new file mode 100644
index 0000000..ff27286
--- /dev/null
+++ b/app/DTNode.stories.tsx
@@ -0,0 +1,26 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+import { DataNode } from './DTNode';
+
+const meta = {
+  title: 'App/DTNode',
+  component: DataNode,
+  argTypes: {
+    data: {
+      label: { control: 'text' },
+    },
+    status: { control: 'radio', options: ['okay', 'disabled'] },
+  },
+} satisfies Meta<typeof DataNode>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Simple: Story = {
+  args: {
+    data: {
+      label: "UART\n0x0c00_0000",
+    },
+    status: "okay",
+  },
+};