CHANGED: README

ADDED: Labels for switch and radio component

app/components/radios.tsx

@@ -28,6 +28,13 @@ export default function Radios() {
                         <Radio defaultChecked disabled />
                     </div>
                 </div>
+                <div>
+                    <h2> With Label </h2>
+                    <form style={{ display: 'flex', gap: '2em' }}>
+                        <Radio> Label </Radio>
+                        <Radio defaultChecked> Label </Radio>
+                    </form>
+                </div>
             </div>
         </div>
     );

app/components/switches.tsx

@@ -77,6 +77,27 @@ export default function Switches() {
                         </div>
                     </div>
                 </div>
+                <div style={{ display: 'flex', flexDirection: 'column' }}>
+                    <h2 style={{ margin: 0 }}> With label</h2>
+                    <div
+                        style={{
+                            display: 'flex',
+                            flexDirection: 'row',
+                            width: '100%',
+                            gap: '2em',
+                        }}
+                    >
+                        <div>
+                            <h2> Default </h2>
+                            <Switch icon labelPlacement={'left'}>
+                                Label
+                            </Switch>
+                            <Switch icon selected>
+                                Label
+                            </Switch>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     );