✨ #324 RightIcon, DownIcon を追加

nekochans · Sep 23, 2024 · e8da752 · e8da752
1 parent 56ed67e
commit e8da752
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 0 deletions.
diff --git a/src/app/_components/icons/DownIcon.stories.tsx b/src/app/_components/icons/DownIcon.stories.tsx
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DownIcon } from './DownIcon';
+
+const meta = {
+  component: DownIcon,
+} satisfies Meta<typeof DownIcon>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/src/app/_components/icons/DownIcon.tsx b/src/app/_components/icons/DownIcon.tsx
@@ -0,0 +1,18 @@
+import type { JSX } from 'react';
+
+export const DownIcon = (): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="14"
+      height="10"
+      viewBox="0 0 14 10"
+      fill="none"
+    >
+      <path
+        d="M7.98882 8.7899C7.44217 9.33655 6.55442 9.33655 6.00777 8.7899L0.410107 3.19224C0.00777456 2.78991 -0.110301 2.19078 0.108358 1.666C0.327016 1.14122 0.834305 0.80011 1.40282 0.80011H12.5981C13.1623 0.80011 13.674 1.14122 13.8926 1.666C14.1113 2.19078 13.9888 2.78991 13.5909 3.19224L7.99319 8.7899H7.98882Z"
+        fill="#FFF7ED"
+      />
+    </svg>
+  );
+};
diff --git a/src/app/_components/icons/RightIcon.stories.tsx b/src/app/_components/icons/RightIcon.stories.tsx
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { RightIcon } from './RightIcon';
+
+const meta = {
+  component: RightIcon,
+} satisfies Meta<typeof RightIcon>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/src/app/_components/icons/RightIcon.tsx b/src/app/_components/icons/RightIcon.tsx
@@ -0,0 +1,18 @@
+import type { JSX } from 'react';
+
+export const RightIcon = (): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="10"
+      height="14"
+      viewBox="0 0 10 14"
+      fill="none"
+    >
+      <path
+        d="M8.7896 7.98882C9.33624 7.44217 9.33624 6.55442 8.7896 6.00777L3.19193 0.410107C2.7896 0.0077746 2.19047 -0.110301 1.66569 0.108358C1.14091 0.327016 0.799805 0.834305 0.799805 1.40282V12.5981C0.799805 13.1623 1.14091 13.674 1.66569 13.8926C2.19047 14.1113 2.7896 13.9888 3.19193 13.5909L8.7896 7.99319V7.98882Z"
+        fill="#FFF7ED"
+      />
+    </svg>
+  );
+};