Fix aria-labelledby attribute in examples

Author: adamkudrna

src/lib/components/ButtonGroup/README.mdx

@@ -221,7 +221,7 @@ and communicating the state of individual options.
 <Playground>
   <>
     <span id="period-label">Period:</span>
-    <ButtonGroup aria-labelledby="#period-label">
+    <ButtonGroup aria-labelledby="period-label">
       <Button label="Week" aria-pressed color="dark" />
       <Button label="Month" aria-pressed={false} />
       <Button label="Year" aria-pressed={false} />

src/lib/components/FormLayout/README.mdx

@@ -143,7 +143,7 @@ with CSS custom properties.
             <span id="label-width-options-label">Label width:</span>
           </ToolbarItem>
           <ToolbarItem>
-            <ButtonGroup aria-labelledby="#label-width-options-label">
+            <ButtonGroup aria-labelledby="label-width-options-label">
               <Button
                 color={labelWidth === 'default' ? 'dark' : 'primary'}
                 label="default"

src/lib/components/Text/README.mdx

@@ -154,7 +154,7 @@ will override automatic break point selection in `auto` mode when present.
               <span id="word-wrapping-options-label">Word wrapping:</span>
             </ToolbarItem>
             <ToolbarItem>
-              <ButtonGroup aria-labelledby="#word-wrapping-options-label">
+              <ButtonGroup aria-labelledby="word-wrapping-options-label">
                 <Button
                   color={wordWrapping === 'normal' ? 'dark' : 'primary'}
                   label="normal"
@@ -178,7 +178,7 @@ will override automatic break point selection in `auto` mode when present.
               <span id="hyphens-options-label">Hyphens:</span>
             </ToolbarItem>
             <ToolbarItem>
-              <ButtonGroup aria-labelledby="#hyphens-options-label">
+              <ButtonGroup aria-labelledby="hyphens-options-label">
                 <Button
                   color={hyphens === 'none' ? 'dark' : 'primary'}
                   label="none"

src/lib/components/Toolbar/README.mdx

@@ -88,7 +88,7 @@ of `right`.
               <span id="alignment-label">Alignment:</span>
             </ToolbarItem>
             <ToolbarItem>
-              <ButtonGroup aria-labelledby="#alignment-label">
+              <ButtonGroup aria-labelledby="alignment-label">
                 <Button
                   color={alignment === 'top' ? 'dark' : 'primary'}
                   label="top"
@@ -117,7 +117,7 @@ of `right`.
               <span id="justification-label">Justification:</span>
             </ToolbarItem>
             <ToolbarItem>
-              <ButtonGroup aria-labelledby="#justification-label">
+              <ButtonGroup aria-labelledby="justification-label">
                 <Button
                   color={justification === 'start' ? 'dark' : 'primary'}
                   label="start"