fixes and package version update

holaplex · Apr 18, 2023 · cfc44ba · cfc44ba
1 parent c880a29
commit cfc44ba
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 16 deletions.
diff --git a/packages/@holaplexui-playground/pages/form.tsx b/packages/@holaplexui-playground/pages/form.tsx
@@ -1,4 +1,4 @@
-import { Form, Icon } from '@holaplex/ui-library-react';
+import { Form, Icon, Placement } from '@holaplex/ui-library-react';
 import clsx from 'clsx';
 import { watch } from 'fs';
 import { useCallback, useState } from 'react';
@@ -207,20 +207,22 @@ export default function App() {
             )}
           />
         </Form.Label>
-
-        <Form.Checkbox
-          id='subscribe'
-          label='Subscribe newsletter'
+        <Form.Label
+          name='Subscribe newsletter'
+          placement={Placement.Right}
           className='mt-5 text-xs'
-        />
-        <Form.RadioButtonGroup
-          className='mt-5'
-          groupName='fruits'
-          items={[
-            { id: 'apple', value: 'Apple', label: 'Apple' },
-            { id: 'mango', value: 'Mango', label: 'Mango' }
-          ]}
-        />
+        >
+          <Form.Checkbox id='subscribe' />
+        </Form.Label>
+
+        <Form.RadioGroup className='mt-5'>
+          <Form.Label name='Apple' placement={Placement.Right}>
+            <Form.RadioGroup.Radio value='apple' name='fruits' />
+          </Form.Label>
+          <Form.Label name='Mango' placement={Placement.Right}>
+            <Form.RadioGroup.Radio value='Mango' name='fruits' />
+          </Form.Label>
+        </Form.RadioGroup>
       </Form>
     </div>
   );

diff --git a/packages/@holaplexui-playground/styles/globals.css b/packages/@holaplexui-playground/styles/globals.css
@@ -32,7 +32,7 @@ a {
 }
 
 .form-label {
-  @apply flex flex-col gap-1;
+  @apply gap-1;
 }
 
 .form-label-text {
@@ -140,3 +140,7 @@ a {
 .dragdrop-preview-image {
   @apply w-full h-48;
 }
+
+.form-radio-group {
+  @apply flex flex-col gap-2;
+}
diff --git a/packages/@holaplexui-react/package.json b/packages/@holaplexui-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@holaplex/ui-library-react",
   "author": "Holaplex Inc.",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "Holaplex react ui library components",
   "private": false,
   "files": [