add activeClassName for button

ant-design · Jun 21, 2017 · 3331f00 · 3331f00 · paranoidjk · Jun 24, 2017
1 parent 986ce1d
commit 3331f00
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/button/PropsType.tsx b/components/button/PropsType.tsx
@@ -15,6 +15,7 @@ export interface ButtonWebProps extends WebProps, ButtonProps {
   inline?: boolean;
   across?: boolean;
   icon?: string;
+  activeClassName?: string;
 }
 
 export interface ButtonNativeProps extends NativeProps, ButtonProps {

diff --git a/components/button/index.web.tsx b/components/button/index.web.tsx
@@ -39,8 +39,8 @@ class Button extends React.Component<ButtonWebProps, any> {
   render() {
     const {
       children, className, prefixCls, type, size, inline, across,
-      disabled, icon, loading, activeStyle, onClick, delayPressIn,
-      delayPressOut, ...restProps,
+      disabled, icon, loading, activeStyle, activeClassName, onClick,
+      delayPressIn, delayPressOut, ...restProps,
     } = this.props;
 
     const wrapCls = {
@@ -73,7 +73,7 @@ class Button extends React.Component<ButtonWebProps, any> {
     // use div, button native is buggy @yiminghe
     return (
       <Touchable
-        activeClassName={activeStyle ? `${prefixCls}-active` : undefined}
+        activeClassName={activeClassName || (activeStyle ? `${prefixCls}-active` : undefined)}
         disabled={disabled}
         activeStyle={activeStyle}
         {...delayProps}