@scriptify_js/react
Version:
A custom React UI library for Scriptify projects
1 lines • 2.82 kB
Source Map (JSON)
{"version":3,"file":"Button.cjs","sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["// Button.jsx\nimport React from \"react\";\nimport \"./button.scss\";\n\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n label?: string;\n href?: string;\n color?: string;\n className?: string;\n style?: React.CSSProperties; // 사용자 스타일\n}\n\nconst SfButton: React.FC<ButtonProps> = (\n { \n label, \n onClick, \n href = \"\", \n className = \"\",\n color = \"#1976d2\",\n style= {},\n ...props \n }) => {\n\n const finalStyle: React.CSSProperties = {\n ...style,\n backgroundColor: style.backgroundColor ?? color,\n };\n\n return (\n <button\n className = {`custom-button ${className}`}\n onClick = {onClick}\n style = {finalStyle} \n {...props} \n >\n { href.length > 0 \n ? <a href={href} target=\"_blank\">{label}</a> \n : label\n }\n </button>\n );\n};\n\nexport default SfButton;\n\n\n/*\nParameters\n label:(String) - 버튼에 원하는 텍스트를 넣을수 있다. \n ex: <Button label=\"Submit\" />\n\n className:(String) - 클래스 속성을 지정 할 수 있다\n ex: <Button className=\"isActive\" />\n\n onClick:(Function) - 클릭이벤트의 콜백 함수가 실핼된다.\n ex: <Button onClick={btnHandler} />\n\n href:(String) - 해당 링크가 새창에서 띄워진다.\n ex: <Button href=\"www.google.com\" />\n\n color:(String) - 컬러 속성은 버튼의 컬러만 바로 바꿀수 있다.\n ex: <Button color=\"blue\" />\n\n style:(object) - 버튼의 상세 스타일을 지정할수 있다. color와 style에 background color를 두개의 속성이 지정되면 style의 스타일을 우선으로 적용한다\n ex: <Button style={{backgroundColor:gray}} color: \"blue\"> **style 우선 적용**\n*/"],"names":["__rest"],"mappings":";;;;;AAaA,MAAM,QAAQ,GAA0B,CACpC,EAQC,KAAI;;QARL,EACI,KAAK,EACL,OAAO,EACP,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,SAAS,EACjB,KAAK,GAAE,EAAE,OAEZ,EADM,KAAK,GAPZA,gBAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,CAQC,CADW;AAGZ,IAAA,MAAM,UAAU,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACT,KAAK,CAAA,EAAA,EACR,eAAe,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,eAAe,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,KAAK,GAClD;IAED,QACI,8CACI,SAAS,EAAI,iBAAiB,SAAS,CAAA,CAAE,EACzC,OAAO,EAAI,OAAO,EAClB,KAAK,EAAI,UAAU,EACf,EAAA,KAAK,GAEP,IAAI,CAAC,MAAM,GAAG;UACZ,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAE,EAAA,KAAK;AACvC,UAAE,KAAK,CAEJ;AAEjB;AAKA;;;;;;;;;;;;;;;;;;;AAmBE;;;;"}