diff --git a/src/stories/TextField.stories.js b/src/stories/TextField.stories.js
new file mode 100644
index 00000000..19c2acc1
--- /dev/null
+++ b/src/stories/TextField.stories.js
@@ -0,0 +1,29 @@
+import cTextField from '~widgets/textfield/widget.vue';
+import registerWidget from '~core/registerWidget';
+
+registerWidget('ui-textfield', cTextField);
+
+
+export const Component = {
+  render: (args) => ({
+    setup() {
+      return { args };
+    },
+    template: '<ui-textfield v-bind="args"></ui-textfield>',
+  }),
+  
+  args: {
+    label: 'Label text',
+  },
+};
+
+export default {
+  title: 'Components/TextField',
+  component: cTextField,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    label: 'text',
+  },
+};