From 52cd7afbf305d990e38ded6c503fbf4cc16c2c95 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 26 Feb 2022 11:06:33 -0800
Subject: [PATCH] feat(radio-button-group): add hideLegend prop

---
 src/RadioButtonGroup/RadioButtonGroup.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/RadioButtonGroup/RadioButtonGroup.svelte b/src/RadioButtonGroup/RadioButtonGroup.svelte
index bc9638c2..f685efe1 100644
--- a/src/RadioButtonGroup/RadioButtonGroup.svelte
+++ b/src/RadioButtonGroup/RadioButtonGroup.svelte
@@ -11,6 +11,9 @@
   /** Specify the legend text */
   export let legendText = "";
 
+  /** Set to `true` to visually hide the legend */
+  export let hideLegend = false;
+
   /**
    * Specify the label position
    * @type {"right" | "left"}
@@ -84,7 +87,7 @@
     disabled="{disabled}"
   >
     {#if legendText || $$slots.legendText}
-      <legend class:bx--label="{true}">
+      <legend class:bx--label="{true}" class:bx--visually-hidden="{hideLegend}">
         <slot name="legendText">{legendText}</slot>
       </legend>
     {/if}