aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/loaders/spinner/spinner.stories.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/loaders/spinner/spinner.stories.ts')
-rw-r--r--src/components/atoms/loaders/spinner/spinner.stories.ts45
1 files changed, 45 insertions, 0 deletions
diff --git a/src/components/atoms/loaders/spinner/spinner.stories.ts b/src/components/atoms/loaders/spinner/spinner.stories.ts
new file mode 100644
index 0000000..63d7f21
--- /dev/null
+++ b/src/components/atoms/loaders/spinner/spinner.stories.ts
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Spinner } from './spinner';
+
+const meta = {
+ component: Spinner,
+ title: 'Atoms/Loaders/Spinner',
+} satisfies Meta<typeof Spinner>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+ args: {
+ 'aria-label': 'A spinner example',
+ },
+};
+
+export const WithTextOnBottom: Story = {
+ args: {
+ children: 'A spinner example',
+ position: 'bottom',
+ },
+};
+
+export const WithTextOnLeft: Story = {
+ args: {
+ children: 'A spinner example',
+ position: 'left',
+ },
+};
+
+export const WithTextOnRight: Story = {
+ args: {
+ children: 'A spinner example',
+ position: 'right',
+ },
+};
+
+export const WithTextOnTop: Story = {
+ args: {
+ children: 'A spinner example',
+ position: 'top',
+ },
+};