Remove element when label is not provided (#28)

This Pull Request adds new logic in the `CheckboxGroup` component that handles the element for the label. If the label is not provided, it now will not render the element in the DOM.
syntatis · Dec 14, 2024 · 0d512e0 · 0d512e0
1 parent 9612011
commit 0d512e0
Showing 1 changed file with 21 additions and 19 deletions.
diff --git a/packages/kubrick/src/CheckboxGroup/CheckboxGroup.tsx b/packages/kubrick/src/CheckboxGroup/CheckboxGroup.tsx
@@ -84,25 +84,27 @@ export const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(
 				aria-invalid={isInvalid}
 				ref={ref}
 			>
-				<span
-					{...labelProps}
-					className={clsx({
-						classNames: classes.label,
-						prefixedNames: 'label',
-					})}
-				>
-					{label}
-					{isRequired ?
-						<span
-							className={clsx({
-								classNames: classes.markedRequired,
-								prefixedNames: 'marked-required',
-							})}
-						>
-							*
-						</span>
-					:	''}
-				</span>
+				{label && (
+					<span
+						{...labelProps}
+						className={clsx({
+							classNames: classes.label,
+							prefixedNames: 'label',
+						})}
+					>
+						{label}
+						{isRequired ?
+							<span
+								className={clsx({
+									classNames: classes.markedRequired,
+									prefixedNames: 'marked-required',
+								})}
+							>
+								*
+							</span>
+						:	''}
+					</span>
+				)}
 				<CheckboxGroupContext.Provider value={state}>
 					<div
 						className={clsx({