diff --git a/site/src/components/TableToolbar/TableToolbar.stories.tsx b/site/src/components/TableToolbar/TableToolbar.stories.tsx
new file mode 100644
index 0000000000..b2a1832243
--- /dev/null
+++ b/site/src/components/TableToolbar/TableToolbar.stories.tsx
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PaginationStatus, TableToolbar } from "./TableToolbar";
+
+const meta: Meta<typeof TableToolbar> = {
+  title: "components/TableToolbar",
+  component: TableToolbar,
+};
+
+export default meta;
+type Story = StoryObj<typeof TableToolbar>;
+
+export const WithPagination: Story = {
+  args: {
+    children: (
+      <PaginationStatus
+        isLoading={false}
+        label="items"
+        showing={10}
+        total={100}
+      />
+    ),
+  },
+};
+
+export const WithLoadingPagination: Story = {
+  args: {
+    children: <PaginationStatus isLoading />,
+  },
+};