使用示例
import { Button, Input, Carousel, Password, Select } from 'leng-react-design';
<Button
timer={300}
type={"cancel"}
disabled={false}
loading
onClick={(e) => {
console.log(arguments);
}}
>
我是按钮
</Button>
<Select
onChange={function (target, value) {
console.log(arguments);
}}
children={[
{ value: "first item", key: 1 },
{ value: "第二个item", key: 2 },
{ value: "第三个item", key: 3 },
{ value: "第四个item", key: 4 },
{ value: "第五个item", key: 5 },
{ value: "第六个item", key: 6 },
{ value: "第七个item", key: 7 },
{ value: "第八个item", key: 8 },
]}
/>
<Password
placeholder="请输入密码"
controls
onChange={function (target: HTMLInputElement, vstring) {
console.log(arguments);
}}
/>
<Input
value="123"
verify={/^\d+$/}
controls
placeholder="请输入..."
onChange={function (
target: HTMLInputElement,
value: string,
valid: boolean | undefined
) {
console.log(arguments);
}}
/>
<Carousel
width={800}
height={500}
period={4000}
controls
clickPeriod={1000}
>
<img src="../dist/images/img1.png" />
<img src="../dist/images/img2.png" />
<img src="../dist/images/img1.png" />
</Carousel>