Merge pull request #22 from holaplex/anshul/cleanup

Cleanup

Author: kespinola

packages/@holaplexui-playground/pages/buttons.tsx

@@ -6,51 +6,17 @@ export default function App() {
       <span className='font-bold underline'>Buttons</span>
       Rounded
       <div className='flex gap-4 items-center'>
-        <Button border='rounded' size='small'>
-          Small
-        </Button>
-        <Button border='rounded' size='medium'>
-          Medium
-        </Button>
-        <Button border='rounded' size='large'>
-          Large
-        </Button>
-      </div>
-      Square
-      <div className='flex gap-4 items-center'>
-        <Button border='square' size='small'>
-          Small
-        </Button>
-        <Button border='square' size='medium'>
-          Medium
-        </Button>
-        <Button border='square' size='large'>
-          Large
-        </Button>
-      </div>
-      Circular
-      <div className='flex gap-4 items-center'>
-        <Button border='circle' size='small'>
-          Small
-        </Button>
-        <Button border='circle' size='medium'>
-          Medium
-        </Button>
-        <Button border='circle' size='large'>
-          Large
-        </Button>
+        <Button size='small'>Small</Button>
+        <Button size='medium'>Medium</Button>
+        <Button size='large'>Large</Button>
       </div>
       More
       <div className='flex gap-4 items-center'>
-        <Button border='rounded' icon={<Icon.Discord />}>
-          With Icon
-        </Button>
+        <Button icon={<Icon.Discord />}>With Icon</Button>
 
-        <Button border='rounded' loading>
-          With Spinner
-        </Button>
+        <Button loading>With Spinner</Button>
 
-        <Button spinner={<div>🔄</div>} border='rounded' loading>
+        <Button spinner={<div>🔄</div>} loading>
           With Custom Spinner
         </Button>
       </div>

packages/@holaplexui-playground/pages/icons.tsx

@@ -21,8 +21,6 @@ export default function App() {
         <Icon.Discord className='w-6 h-6' />
         Web
         <Icon.Web className='w-6 h-6' />
-        Sauce
-        <Icon.Sauce className='w-6 h-6' />
       </div>
     </div>
   );

packages/@holaplexui-playground/pages/spinners.tsx

@@ -4,12 +4,7 @@ export default function App() {
   return (
     <div className='flex flex-col gap-4 justify-center items-center p-4'>
       <span className='font-bold underline'>Spinners</span>
-      Tiny
-      <Spinner width={10} height={10} />
-      Small
-      <Spinner width={15} height={15} />
-      Large
-      <Spinner width={20} height={20} />
+      <Spinner />
     </div>
   );
 }