mirror of
https://github.com/vercel/commerce.git
synced 2025-07-04 20:21:21 +00:00
34 lines
901 B
TypeScript
34 lines
901 B
TypeScript
|
|
import { CarouselCommon, LabelCommon, Layout, QuanittyInput } from 'src/components/common'
|
|
|
|
const dataTest = [{
|
|
text: 1
|
|
}, {
|
|
text: 2
|
|
}, {
|
|
text: 3
|
|
}, {
|
|
text: 4
|
|
}, {
|
|
text: 5
|
|
}, {
|
|
text: 6
|
|
}]
|
|
const test = (props: { text: string }) => <div className="h-64 bg-yellow-300">{props.text}</div>
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<CarouselCommon data={dataTest} Component={test} itemKey="test" />
|
|
<QuanittyInput size="default" min={5} max={10} initValue={3} />
|
|
<QuanittyInput size="small" min={3} step={10} />
|
|
<LabelCommon type="default" shape="half" >SEEFOOT</LabelCommon>
|
|
<LabelCommon type="discount" shape="round">-15%</LabelCommon>
|
|
<LabelCommon type="waiting">Waitting</LabelCommon>
|
|
<LabelCommon type="delivering" >Delivering</LabelCommon>
|
|
<LabelCommon type="delivered">Delivered</LabelCommon>
|
|
</>
|
|
)
|
|
}
|
|
|
|
Home.Layout = Layout
|