dibk-design 0.4.53 → 0.4.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -94,10 +94,10 @@ var Button = /*#__PURE__*/function (_React$Component) {
|
|
|
94
94
|
return (_this$props$href = this.props.href) !== null && _this$props$href !== void 0 && _this$props$href.length ? /*#__PURE__*/_react.default.createElement("a", _extends({}, buttonProps, {
|
|
95
95
|
className: className,
|
|
96
96
|
style: themeStyle
|
|
97
|
-
}), this.props.content) : /*#__PURE__*/_react.default.createElement("button", _extends({}, buttonProps, {
|
|
97
|
+
}), this.props.content || this.props.children) : /*#__PURE__*/_react.default.createElement("button", _extends({}, buttonProps, {
|
|
98
98
|
className: className,
|
|
99
99
|
style: themeStyle
|
|
100
|
-
}), this.props.content);
|
|
100
|
+
}), this.props.content || this.props.children);
|
|
101
101
|
}
|
|
102
102
|
}]);
|
|
103
103
|
|
|
@@ -117,7 +117,6 @@ Button.propTypes = {
|
|
|
117
117
|
href: _propTypes.default.string
|
|
118
118
|
};
|
|
119
119
|
Button.defaultProps = {
|
|
120
|
-
content: 'button',
|
|
121
120
|
color: 'default',
|
|
122
121
|
size: 'regular',
|
|
123
122
|
disabled: false,
|
|
@@ -6,6 +6,7 @@ Regular buttons example:
|
|
|
6
6
|
<Button content="Click me" color="default" disabled />
|
|
7
7
|
<Button content="Click me" color="primary" disabled />
|
|
8
8
|
<Button content="Link button" color="primary" href="#" />
|
|
9
|
+
<Button color="default"><span>Button with <b>HTML</b> content</span></Button>
|
|
9
10
|
```
|
|
10
11
|
|
|
11
12
|
Rounded buttons example:
|
|
@@ -15,6 +16,7 @@ Rounded buttons example:
|
|
|
15
16
|
<Button rounded content="Click me" color="primary" />
|
|
16
17
|
<Button rounded content="Click me" color="default" disabled />
|
|
17
18
|
<Button rounded content="Click me" color="primary" disabled />
|
|
19
|
+
<Button rounded color="default"><span>Button with <b>HTML</b> content</span></Button>
|
|
18
20
|
```
|
|
19
21
|
|
|
20
22
|
Regular buttons with arrow example:
|