fix(switch): element type (#1949)

nextui-org · Nov 10, 2023 · 467383b · 467383b · vercel · Nov 10, 2023
1 parent aab1dbf
commit 467383b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/unlucky-bikes-care.md b/.changeset/unlucky-bikes-care.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/switch": patch
+---
+
+Fix switch base element type it is an input now.
diff --git a/packages/components/switch/src/switch.tsx b/packages/components/switch/src/switch.tsx
@@ -6,7 +6,7 @@ import {UseSwitchProps, useSwitch} from "./use-switch";
 
 export interface SwitchProps extends UseSwitchProps {}
 
-const Switch = forwardRef<"label", SwitchProps>((props, ref) => {
+const Switch = forwardRef<"input", SwitchProps>((props, ref) => {
   const {
     Component,
     children,

diff --git a/packages/components/switch/src/use-switch.ts b/packages/components/switch/src/use-switch.ts
@@ -23,7 +23,7 @@ export type SwitchThumbIconProps = {
   isSelected: boolean;
   className: string;
 };
-interface Props extends HTMLNextUIProps<"label"> {
+interface Props extends HTMLNextUIProps<"input"> {
   /**
    * Ref to the DOM node.
    */

diff --git a/packages/components/switch/stories/switch.stories.tsx b/packages/components/switch/stories/switch.stories.tsx
@@ -159,7 +159,7 @@ export const DisableAnimation = {
   },
 };
 
-export const WiththumbIcon = {
+export const WithThumbIcon = {
   args: {
     ...defaultProps,
     size: "xl",