mirror of
https://github.com/vercel/commerce.git
synced 2025-07-03 19:51:22 +00:00
29 lines
573 B
TypeScript
29 lines
573 B
TypeScript
|
|
import { useState } from 'react'
|
|
import {CarouselCommon, Layout, QuanittyInput } from 'src/components/common'
|
|
const dataTest = [{
|
|
text:1
|
|
},{
|
|
text:2
|
|
},{
|
|
text:3
|
|
},{
|
|
text:4
|
|
},{
|
|
text:5
|
|
},{
|
|
text:6
|
|
}]
|
|
const test = (props:any)=><div className="h-64 bg-yellow-300">{props.text}</div>
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<CarouselCommon data={dataTest} Component={test} itemKey="test"/>
|
|
<QuanittyInput type ="default" min={5} max={10} initValue={3}/>
|
|
<QuanittyInput type ="small" min={3} step={10}/>
|
|
</>
|
|
)
|
|
}
|
|
|
|
Home.Layout = Layout
|