@kiwicom/orbit-components/lib/Accordion/index.d.ts

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

// Type definitions for @kiwicom/orbit-components
// Project: http://github.com/kiwicom/orbit

import * as React from "react";

import AccordionSection from "./AccordionSection";
import * as Common from "../common/common";

/*
  DOCS:
  To implement Accordion component into your project you'll need to the import the Accordion and the [AccordionSection](#Accordionsection):
  ```jsx
  import Accordion, { AccordionSection } from "@kiwicom/orbit-components/lib/Accordion";
  ```

  After adding import into your project you can use it simply like:

  ```jsx
  <Accordion>
    <AccordionSection>Hello World!</AccordionSection>
  </Accordion>
  ```
*/

export interface Props extends Common.Global, Common.SpaceAfter {
  /** The content of the Accordion. You can use only AccordionSection */
  readonly children?: React.ReactNode;
  /** Optional prop to control which AccordionSection (by id) is expanded */
  readonly expandedSection?: string | number;
  /** If true it will render the Loading component */
  readonly loading?: boolean;
  /** Callback (along with sectionId) that is triggered when section is expanding */
  readonly onExpand?: (sectionId: string | number) => void | Promise<any>;
}

declare const Accordion: React.FunctionComponent<Props>;
declare const StyledAccordion: React.ComponentType<Props>;
export { Accordion, Accordion as default, AccordionSection, StyledAccordion };