diff --git a/package.json b/package.json
index de99d54..704b4d1 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com"
   },
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "system.css theme wrapped for React",
   "type": "module",
   "main": "dist/index.cjs.js",
diff --git a/src/button/__test__/Button.test.tsx b/src/button/__test__/Button.test.tsx
deleted file mode 100644
index 686b9c8..0000000
--- a/src/button/__test__/Button.test.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-import { describe, expect, it } from "vitest";
-import { render, screen } from "@testing-library/react";
-import Button from "../Button";
-
-describe("Button component", () => {
-  it("Button should render correctly", () => {
-    render(<Button />);
-    const button = screen.getByRole("button");
-    expect(button).toBeInTheDocument();
-  });
-});
diff --git a/src/index.ts b/src/index.ts
index 69f4458..f74b191 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -19,6 +19,9 @@ export type * from "./modeless";
 export * from "./select";
 export type * from "./select";
 
+export * from "./textbox";
+export type * from "./textbox";
+
 export * from "./window";
 export type * from "./window";
 
diff --git a/src/select/__docs__/Modeless.stories.tsx b/src/select/__docs__/Select.stories.tsx
similarity index 100%
rename from src/select/__docs__/Modeless.stories.tsx
rename to src/select/__docs__/Select.stories.tsx
diff --git a/src/textbox/TextBox.tsx b/src/textbox/TextBox.tsx
new file mode 100644
index 0000000..15ca68b
--- /dev/null
+++ b/src/textbox/TextBox.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+import "@sakun/system.css";
+
+export type TextBoxProps = React.ComponentProps<"input"> & {
+  label: string;
+};
+
+const TextBox: React.FC<TextBoxProps> = (props) => {
+  return (
+    <div>
+      <label htmlFor={props.id}>{props.label}</label>
+      <br />
+      <input {...props} />
+      <br />
+    </div>
+  );
+};
+
+export default TextBox;
diff --git a/src/textbox/__docs__/Example.tsx b/src/textbox/__docs__/Example.tsx
new file mode 100644
index 0000000..e40f8d4
--- /dev/null
+++ b/src/textbox/__docs__/Example.tsx
@@ -0,0 +1,41 @@
+import React, { FC } from "react";
+import TextBox from "..";
+
+export type ExampleProps = {};
+
+const Example: FC<ExampleProps> = ({}) => {
+  return (
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "flex-start",
+        alignItems: "center",
+        height: "100%",
+        width: "50rem",
+      }}
+    >
+      <form>
+        <TextBox
+          label="A defaulted textbox"
+          id="id1"
+          defaultValue="a default value"
+        />
+        <br />
+        <TextBox
+          label="This has a placeholder"
+          id="id2"
+          placeholder="some placeholder!"
+        />
+        <br />
+        <TextBox
+          label="This one is disabled"
+          id="id3"
+          disabled
+          placeholder="you can't change me"
+        />
+      </form>
+    </div>
+  );
+};
+
+export default Example;
diff --git a/src/textbox/__docs__/TextBox.stories.tsx b/src/textbox/__docs__/TextBox.stories.tsx
new file mode 100644
index 0000000..2b99159
--- /dev/null
+++ b/src/textbox/__docs__/TextBox.stories.tsx
@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Example from "./Example";
+
+const meta: Meta<typeof Example> = {
+  title: "TextBox",
+  component: Example,
+};
+
+export default meta;
+type Story = StoryObj<typeof Example>;
+
+export const Primary: Story = {
+  args: {},
+};
diff --git a/src/textbox/index.ts b/src/textbox/index.ts
new file mode 100644
index 0000000..7f3d118
--- /dev/null
+++ b/src/textbox/index.ts
@@ -0,0 +1,4 @@
+import TextBox from "./TextBox";
+export type { TextBoxProps } from "./TextBox";
+
+export default TextBox;