docs(svg): replace xlinkHref with href in multiple examples

secundant · Jul 24, 2023 · 4a817c9 · 4a817c9
1 parent d61f02b
commit 4a817c9
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx b/examples/svg-magic-with-figma-export/src/shared/ui/icon/icon.tsx
@@ -21,7 +21,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${spriteName}.svg#${iconName}`} />
+      <use href={`/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }
diff --git a/examples/svg-next/src/shared/ui/icon/icon.tsx b/examples/svg-next/src/shared/ui/icon/icon.tsx
@@ -17,7 +17,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/sprite.svg#${name}`} />
+      <use href={`/sprite.svg#${name}`} />
     </svg>
   );
 }
diff --git a/examples/svg-vite/README.md b/examples/svg-vite/README.md
@@ -83,7 +83,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${spriteName}.svg#${iconName}`} />
+      <use href={`/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }

diff --git a/examples/svg-vite/src/shared/ui/icon/icon.tsx b/examples/svg-vite/src/shared/ui/icon/icon.tsx
@@ -10,7 +10,7 @@ export interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'type'
   name: IconName;
 }
 
-export function Icon({ name, className, viewBox: viewBoxFromProps, ...props }: IconProps) {
+export function Icon({ name, className, ...props }: IconProps) {
   const [spriteName, iconName] = name.split('/') as [
     keyof SpritesMap,
     SpritesMap[keyof SpritesMap]
@@ -22,12 +22,12 @@ export function Icon({ name, className, viewBox: viewBoxFromProps, ...props }: I
   return (
     <svg
       className={clsx('icon', className)}
-      viewBox={viewBoxFromProps ?? viewBox}
+      viewBox={viewBox}
       focusable="false"
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/${filePath}#${iconName}`} />
+      <use href={`/${filePath}#${iconName}`} />
     </svg>
   );
 }
diff --git a/libs/svg/examples/react/icon.tsx b/libs/svg/examples/react/icon.tsx
@@ -24,7 +24,7 @@ export function Icon({ name, className, viewBox, ...props }: IconProps) {
       aria-hidden
       {...props}
     >
-      <use xlinkHref={`/path/to/sprites/${spriteName}.svg#${iconName}`} />
+      <use href={`/path/to/sprites/${spriteName}.svg#${iconName}`} />
     </svg>
   );
 }