Skip to content

Commit

Permalink
Merge pull request #22 from holaplex/anshul/cleanup
Browse files Browse the repository at this point in the history
Cleanup
  • Loading branch information
kespinola authored Jul 31, 2023
2 parents 461b992 + 9e20429 commit 36c7fb1
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 48 deletions.
46 changes: 6 additions & 40 deletions packages/@holaplexui-playground/pages/buttons.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 0 additions & 2 deletions packages/@holaplexui-playground/pages/icons.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
Expand Down
7 changes: 1 addition & 6 deletions packages/@holaplexui-playground/pages/spinners.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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>
);
}

0 comments on commit 36c7fb1

Please sign in to comment.