diff --git a/CHANGELOG.md b/CHANGELOG.md index 2111dfacce9a..03f7928afca4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,6 @@ ## [`master`](https://github.com/elastic/eui/tree/master) +- Added responsiveHeader prop to `EuiAccordion` ([#2141](https://github.com/elastic/eui/pull/2141)) - Added support for negated or clauses to `EuiSearchBar` ([#2140](https://github.com/elastic/eui/pull/2140)) **Bug fixes** diff --git a/src-docs/src/views/accordion/accordion_form.js b/src-docs/src/views/accordion/accordion_form.js index b3a41a12e86e..bc354db7e506 100644 --- a/src-docs/src/views/accordion/accordion_form.js +++ b/src-docs/src/views/accordion/accordion_form.js @@ -90,7 +90,8 @@ export default () => ( buttonClassName="euiAccordionForm__button" buttonContent={buttonContent} extraAction={extraAction} - paddingSize="l"> + paddingSize="l" + responsiveHeader={false}> {repeatableForm} diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx index cda970c2cf2f..a8aa794efb74 100644 --- a/src/components/accordion/accordion.tsx +++ b/src/components/accordion/accordion.tsx @@ -50,6 +50,10 @@ export type EuiAccordionProps = HTMLAttributes & * The padding around the exposed accordion content. */ paddingSize: EuiAccordionSize; + /** + * Set the responsive to the header container. + */ + responsiveHeader?: boolean; }; export class EuiAccordion extends Component< @@ -113,6 +117,7 @@ export class EuiAccordion extends Component< extraAction, paddingSize, initialIsOpen, + responsiveHeader, ...rest } = this.props; @@ -145,7 +150,10 @@ export class EuiAccordion extends Component< return (
- +