fix: all groups input to accept react node as legend

scaleway · Dec 13, 2024 · 1262ccb · 1262ccb
1 parent 54b5d89
commit 1262ccb
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/strong-trains-rule.md b/.changeset/strong-trains-rule.md
@@ -0,0 +1,5 @@
+---
+"@ultraviolet/ui": patch
+---
+
+`<RadioGroup />`, `<SelectableCardGroup />`, `<CheckboxGroup />` and `<ToggleGroup />` to accept `ReactNode` as `legend` type
diff --git a/packages/ui/src/components/CheckboxGroup/index.tsx b/packages/ui/src/components/CheckboxGroup/index.tsx
@@ -95,7 +95,7 @@ const StyledRequiredIcon = styled(AsteriskIcon)`
 `
 
 type CheckboxGroupProps = {
-  legend: string
+  legend: ReactNode
   value?: string[]
   className?: string
   helper?: ReactNode

diff --git a/packages/ui/src/components/RadioGroup/index.tsx b/packages/ui/src/components/RadioGroup/index.tsx
@@ -88,7 +88,7 @@ const StyledRequiredIcon = styled(AsteriskIcon)`
 `
 
 type RadioGroupProps = {
-  legend: string
+  legend: ReactNode
   value: string | number
   className?: string
   helper?: ReactNode

diff --git a/packages/ui/src/components/SelectableCardGroup/index.tsx b/packages/ui/src/components/SelectableCardGroup/index.tsx
@@ -92,7 +92,7 @@ const StyledRequiredIcon = styled(AsteriskIcon)`
 `
 
 type SelectableCardGroupProps = {
-  legend?: string
+  legend?: ReactNode
   value: string | number | (string | number)[]
   className?: string
   helper?: ReactNode

diff --git a/packages/ui/src/components/ToggleGroup/index.tsx b/packages/ui/src/components/ToggleGroup/index.tsx
@@ -81,7 +81,7 @@ const StyledRequiredIcon = styled(AsteriskIcon)`
 `
 
 type ToggleGroupProps = {
-  legend: string
+  legend: ReactNode
   value?: string[]
   className?: string
   helper?: ReactNode