@fenderdigital/react-accordion
Advanced tools
Comparing version 1.1.0 to 1.2.0
@@ -69,2 +69,3 @@ 'use strict'; | ||
var _props = _this2.props, | ||
icon = _props.icon, | ||
label = _props.label, | ||
@@ -83,2 +84,3 @@ styles = _props.styles; | ||
}, | ||
icon, | ||
label ? _react2.default.createElement( | ||
@@ -122,2 +124,3 @@ 'div', | ||
hasAnimation: _propTypes2.default.bool, | ||
icon: _propTypes2.default.node, | ||
isVisible: _propTypes2.default.bool, | ||
@@ -132,2 +135,3 @@ label: _propTypes2.default.string, | ||
hasAnimation: true, | ||
icon: null, | ||
isVisible: false, | ||
@@ -134,0 +138,0 @@ label: null, |
@@ -30,3 +30,3 @@ { | ||
}, | ||
"version": "1.1.0" | ||
"version": "1.2.0" | ||
} |
@@ -18,2 +18,3 @@ # Accordion for Fender React UI Kit | ||
* hasAnimation - enables animations for the expanded / collapsed states | ||
* icon - accepts an icon element that renders to the left of the label | ||
* isVisible - the current collapsed / expanded state | ||
@@ -28,2 +29,3 @@ * label - the button label | ||
| hasAnimation | boolean | true | - | | ||
| icon | node | null | - | | ||
| isVisible | boolean | false | - | | ||
@@ -30,0 +32,0 @@ | label | string | null | - | |
@@ -20,3 +20,3 @@ import React, { Component } from 'react'; | ||
renderButton = () => { | ||
const { label, styles } = this.props; | ||
const { icon, label, styles } = this.props; | ||
const { isVisible } = this.state; | ||
@@ -31,2 +31,3 @@ return ( | ||
> | ||
{icon} | ||
{label ? <div className="flex-auto">{label}</div> : null} | ||
@@ -74,2 +75,3 @@ <span className="light-silver f6"> | ||
hasAnimation: PropTypes.bool, | ||
icon: PropTypes.node, | ||
isVisible: PropTypes.bool, | ||
@@ -84,2 +86,3 @@ label: PropTypes.string, | ||
hasAnimation: true, | ||
icon: null, | ||
isVisible: false, | ||
@@ -86,0 +89,0 @@ label: null, |
Sorry, the diff of this file is not supported yet
155033
253
37