diff --git a/README.md b/README.md
index 839d015..5c7bcce 100644
--- a/README.md
+++ b/README.md
@@ -152,6 +152,12 @@ If `accordion` is true, only one panel can be open. Opening another panel will
' ' |
custom className to apply to header |
+
+ contentClass |
+ String |
+ ' ' |
+ custom className to apply to content |
+
showArrow |
boolean |
diff --git a/src/Panel.tsx b/src/Panel.tsx
index 6b815b2..53fd19c 100644
--- a/src/Panel.tsx
+++ b/src/Panel.tsx
@@ -13,6 +13,7 @@ class CollapsePanel extends React.Component {
destroyInactivePanel: false,
onItemClick() {},
headerClass: '',
+ contentClass: '',
forceRender: false,
};
@@ -42,6 +43,7 @@ class CollapsePanel extends React.Component {
prefixCls,
header,
headerClass,
+ contentClass,
children,
isActive,
showArrow,
@@ -85,6 +87,7 @@ class CollapsePanel extends React.Component {
{
if (!this._isActived) {
return null;
}
- const { prefixCls, isActive, children, destroyInactivePanel, forceRender, role } = this.props;
+ const {
+ prefixCls,
+ contentClass,
+ isActive,
+ children,
+ destroyInactivePanel,
+ forceRender,
+ role,
+ } = this.props;
const contentCls = classnames(`${prefixCls}-content`, {
[`${prefixCls}-content-active`]: isActive,
[`${prefixCls}-content-inactive`]: !isActive,
+ [contentClass]: contentClass,
});
const child =
diff --git a/src/interface.ts b/src/interface.ts
index 864103e..a4a29dd 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -23,6 +23,7 @@ export interface CollapsePanelProps {
header?: string | React.ReactNode;
prefixCls?: string;
headerClass?: string;
+ contentClass?: string;
showArrow?: boolean;
className?: string;
style?: object;