Passthrough all SVG props (#86)

FormidableLabs · Mar 6, 2024 · 1a99d3f · 1a99d3f
1 parent 2669b9f
commit 1a99d3f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.changeset/breezy-mugs-jam.md b/.changeset/breezy-mugs-jam.md
@@ -0,0 +1,5 @@
+---
+"formidable-oss-badges": patch
+---
+
+Passthrough SVG props to badges
diff --git a/src/FeaturedBadge.tsx b/src/FeaturedBadge.tsx
@@ -1,9 +1,9 @@
 import clsx from "clsx"
-import { CSSProperties } from "react"
+import { CSSProperties, SVGProps } from "react"
 import * as featuredLogos from "./assets/featuredLogos"
 import styles from "./styles.module.css"
 
-type Props = {
+type Props = SVGProps<SVGElement> & {
   name: keyof typeof featuredLogos.default
   className?: string
   isHoverable?: boolean
@@ -15,6 +15,7 @@ const FeaturedBadge = ({
   className,
   style,
   isHoverable = true,
+  ...rest
 }: Props) => {
   const Logo =
     featuredLogos.default[
@@ -26,6 +27,7 @@ const FeaturedBadge = ({
     <Logo
       className={clsx(isHoverable && styles.hoverableLogo, className)}
       style={style}
+      {...rest}
     />
   )
 }