feat: label

:%s
This commit is contained in:
unknown
2021-08-24 11:16:48 +07:00
parent 6fea2ecc35
commit aef26bb167
3 changed files with 12 additions and 7 deletions

View File

@@ -14,18 +14,18 @@ const dataTest = [{
},{
text:6
}]
const test = (props:any)=><div className="h-64 bg-yellow-300">{props.text}</div>
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>SEEFOOT</LabelCommon>
<LabelCommon type="discount">-15%</LabelCommon>
<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>
<LabelCommon type="delivering" >Delivering</LabelCommon>
<LabelCommon type="delivered">Delivered</LabelCommon>
</>
)
}