@potok/icon-switch
Advanced tools
Comparing version 0.1.0-alpha.205155ea to 0.1.0-alpha.2ac79d5a
@@ -19,2 +19,6 @@ // @flow | ||
onChange: (e: SyntheticEvent<HTMLInputElement>) => void, | ||
/** Container className */ | ||
className: string, | ||
/** Toggle className */ | ||
toggleClassName: string, | ||
}; | ||
@@ -29,4 +33,6 @@ | ||
onChange, | ||
className, | ||
toggleClassName, | ||
}: Props) => ( | ||
<Wrapper disabled={disabled}> | ||
<Wrapper disabled={disabled} className={className}> | ||
<ToggleWrapper> | ||
@@ -39,3 +45,5 @@ <Input | ||
/> | ||
<Toggle>{value ? enabledIcon : disabledIcon}</Toggle> | ||
<Toggle className={toggleClassName}> | ||
{value ? enabledIcon : disabledIcon} | ||
</Toggle> | ||
</ToggleWrapper> | ||
@@ -42,0 +50,0 @@ <Label disabled={disabled}>{label}</Label> |
{ | ||
"name": "@potok/icon-switch", | ||
"version": "0.1.0-alpha.205155ea", | ||
"version": "0.1.0-alpha.2ac79d5a", | ||
"description": "Potok.io UI Icon Switch component", | ||
@@ -15,4 +15,4 @@ "main": "./IconSwitch.jsx", | ||
"dependencies": { | ||
"@potok/theme": "^0.7.0-alpha.205155ea" | ||
"@potok/theme": "^0.7.0-alpha.2ac79d5a" | ||
} | ||
} |
4828
132