Install

npm install @zym-com/button

or

yarn add @zym-com/button

Basic Usage

import ScrollDom from "@zym-com/button";
import "@zym-com/button/dist/style.css";

function App() {
const config = {
    "configuration": {
        "justifyContent": "center",
        "backgroundColorType": "color",
        "bgColor": {
            "type": "pure",
            "pure": "rgba(9,39,66,0.3)",
            "gradient": {
                "stops": [
                    {
                        "offset": 0,
                        "color": "rgba(9,39,66,0.3)"
                    },
                    {
                        "offset": 100,
                        "color": "rgba(9,39,66,0.3)"
                    }
                ],
                "angle": 90,
                "direction": "linear"
            }
        },
        "bgimage": "",
        "bgimageSize": "cover",
        "boxShadowShow": false,
        "boxShadow": {
            "shadowOffsetX": 0,
            "shadowOffsetY": 0,
            "shadowBlur": 0,
            "shadowColor": "rgba(255,255,255,1)"
        },
        "textStyle": {
            "fontFamily": "Microsoft Yahei",
            "fontSize": 12,
            "color": "rgba(255,255,255,1)",
            "fontWeight": "normal",
            "letterSpacing": 0,
            "lineHeight": 0,
            "fontStyle": "normal"
        },
        "textShadowShow": false,
        "textShadow": {
            "shadowOffsetX": 0,
            "shadowOffsetY": 0,
            "shadowBlur": 0,
            "shadowColor": "rgba(255,255,255,1)"
        },
        "borderStyle": "solid",
        "borderWidth": 1,
        "borderColor": "rgba(24, 144, 255,1)",
        "borderRadius": 0,
        "iconDefaultShow": true,
        "iconImage": "",
        "iconSize": [
            "20",
            "20"
        ],
        "flexDirection": "row-reverse",
        "margin": 5,
        "animateTime": 1,
        "animateSize": 2,
        "animateColor": "rgba(3, 233, 244,1)",
        "reflect": false,
        "textColor": "rgba(3, 233, 244,1)",
        "boxColor": "rgba(3, 233, 244,0)",
        "hoverBoxShadow": {
            "shadowOffsetX": 0,
            "shadowOffsetY": 0,
            "shadowBlur": 0,
            "shadowColor": "rgba(255,255,255,1)"
        },
        "backgroundConfig": true,
        "textConfig": true,
        "borderConfig": true,
        "iconConfig": true,
        "animateConfig": true,
        "hoverConfig": true
    },
    "base": {
        "width": 100,
        "height": 40
    },
    "dataSource": "按钮",
   bindCallbackParams:(evenName: string, data: Record<string, any>) => void;
}

 return (
    <>
      <Button {...options} />
    </>
  );
}