refactor(checkbox, radio, switch): align with blazor samples

Author: ddaribo

samples/inputs/checkbox/label/src/index.tsx

@@ -14,6 +14,7 @@ export default class CheckboxLabel extends React.Component<any, any> {
     public render(): JSX.Element {
         return (
             <div className="sample">
+                <IgrCheckbox labelPosition="before">Label</IgrCheckbox>
                 <div className="wrapper">
                     <span id="checkbox-label">Label</span>
                     <IgrCheckbox aria-labelledby="checkbox-label" labelPosition="before"></IgrCheckbox>

samples/inputs/radio/label/src/index.tsx

@@ -18,7 +18,7 @@ export default class RadioLabel extends React.Component<any, any> {
                     <IgrRadioGroup alignment="vertical">
                         <IgrRadio name="fruit" value="apple" labelPosition="before"><span>Apple</span></IgrRadio>
                         <div className="wrapper">
-                        <span id="radio-label">Label</span>
+                        <span id="radio-label">Orange</span>
                         <IgrRadio
                             name="fruit"
                             labelPosition="before"

samples/inputs/switches/label/src/index.tsx

@@ -9,6 +9,7 @@ export default function SwitchLabel() {
 
     return (
         <div className="sample">
+            <IgrSwitch labelPosition="before">Label</IgrSwitch>
             <div className="wrapper">
                 <IgrSwitch aria-labelledby="switchLabel" labelPosition="before"><span id="switch-label">Label</span></IgrSwitch>
             </div>