feat: add Carousel navigation icons and update Carousel component layout

2025-02-04 18:47:26 +08:00
parent a0f37af772
commit a2acd315d9
9 changed files with 102 additions and 9 deletions
@@ -0,0 +1,30 @@
+import type { JSX, SVGProps } from 'react'
+
+export const CarouselNextIcon = (
+  properties: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
+) => {
+  return (
+    <svg
+      width={56}
+      height={57}
+      viewBox="0 0 56 57"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...properties}
+    >
+      <path
+        d="M28 53.5c13.807 0 25-11.193 25-25s-11.193-25-25-25-25 11.193-25 25 11.193 25 25 25z"
+        stroke="currentColor"
+        strokeWidth={6}
+        strokeLinejoin="round"
+      />
+      <path
+        d="M24.25 39.75L35.5 28.5 24.25 17.25"
+        stroke="currentColor"
+        strokeWidth={6}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  )
+}