1.0.4 • Published 4 years ago

leng-react-design v1.0.4

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

使用示例

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>