feat(toggle): add ReactNode type to toggle labels (#244)

* feat(toggle): add ReactNode type to toggle labels * fix(toggle): use only ReactNode as label type --------- Co-authored-by: tobias-franzen <tobias.franzen@schibsted.com>
warp-ds · Jun 5, 2024 · abeff99 · abeff99
1 parent 0c47104
commit abeff99
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/toggle/src/item.tsx b/packages/toggle/src/item.tsx
@@ -17,7 +17,7 @@ interface ItemProps extends Pick<HTMLInputElement, 'type' | 'name'> {
   invalid?: boolean;
   helpId?: string;
   noVisibleLabel?: boolean;
-  label?: string;
+  label?: React.ReactNode;
   className?: string;
   labelClassName?: string;
   inputClassName?: string;

diff --git a/packages/toggle/src/props.ts b/packages/toggle/src/props.ts
@@ -1,5 +1,5 @@
 export type ToggleEntry = {
-  label: string;
+  label: React.ReactNode;
   value: unknown;
 };
 
@@ -42,7 +42,7 @@ export interface ToggleProps {
   /**
    * If you only need to render a single option, use this prop instead
    */
-  label?: string;
+  label?: React.ReactNode;
 
   /**
    * Whether the single option should be checked (controlled)