More stories

frontend/src/components/Button.stories.ts

@@ -1,3 +1,17 @@
+// Copyright 2022 The Matrix.org Foundation C.I.C.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
 import type { Meta, StoryObj } from "@storybook/react";
 
 import Button from "./Button";

frontend/src/components/Button.tsx

@@ -13,9 +13,16 @@
 // limitations under the License.
 
 type Props = {
+  /** The label of the button */
   children: string;
+
+  /** Makes the button more compact */
   compact?: boolean;
+
+  /** Uses the 'ghotst' (outline) alternative */
   ghost?: boolean;
+
+  /** Disables all interactions with the button */
   disabled?: boolean;
 } & React.HTMLProps<HTMLButtonElement>;
 

frontend/src/components/LoadingScreen.stories.tsx

@@ -0,0 +1,28 @@
+// Copyright 2022 The Matrix.org Foundation C.I.C.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import type { Meta, StoryObj } from "@storybook/react";
+
+import LoadingScreen from "./LoadingScreen";
+
+const meta: Meta<typeof LoadingScreen> = {
+  title: "UI/Loading Screen",
+  component: LoadingScreen,
+  tags: ["docsPage"],
+};
+
+export default meta;
+type Story = StoryObj<typeof LoadingScreen>;
+
+export const Basic: Story = {};

frontend/src/components/LoadingSpinner.stories.tsx

@@ -0,0 +1,28 @@
+// Copyright 2022 The Matrix.org Foundation C.I.C.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import type { Meta, StoryObj } from "@storybook/react";
+
+import LoadingSpinner from "./LoadingSpinner";
+
+const meta: Meta<typeof LoadingSpinner> = {
+  title: "UI/Loading Spinner",
+  component: LoadingSpinner,
+  tags: ["docsPage"],
+};
+
+export default meta;
+type Story = StoryObj<typeof LoadingSpinner>;
+
+export const Basic: Story = {};