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;