crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: input common

Browse Source
This commit is contained in:
lytrankieio123
2021-08-24 13:45:30 +07:00
parent 2db3f97bbb
commit 71eaa424ec
9 changed files with 88 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
pages/index.tsx
View File

@@ -1,6 +1,6 @@
import { ButtonCommon, Inputcommon, Layout } from 'src/components/common';
import { IconBuy } from 'src/components/icons';
import { IconBuy, IconSearch } from 'src/components/icons';
export default function Home() {
return (
<>
@@ -9,11 +9,14 @@ export default function Home() {
<p>Go to <code>src/components</code> to make your awesome component!</p>
<p>Go to <code>src/styles</code> to find global styles!</p>
<Inputcommon placeholder="Enter here" />
<Inputcommon placeholder="Enter here" type='number' />
<Inputcommon placeholder="Enter here" value="23434" />
<ButtonCommon type='ghost' icon={<IconBuy/>}>Button</ButtonCommon>
{/* demo */}
<div style={{ display: 'flex' }}>
<Inputcommon placeholder="Enter here" />
<Inputcommon placeholder="Enter here" styleType='custom' icon={<IconSearch />}/>
</div>
<ButtonCommon type='ghost' icon={<IconBuy />}>Button</ButtonCommon>
</>
)
}