@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
44 lines • 1.34 kB
TypeScript
import type { ReactElement } from "react";
import { forwardRef } from "react";
import { AccordionItem, type AccordionItemProps } from "./accordion-item";
import { AccordionHeader } from "./accordion-header";
import { AccordionContent } from "./accordion-content";
export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Accepts type of <AccordionItem/>
*/
children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
/**
* Adds padding to the left of the accordion
*/
indent?: boolean;
}
/**
* Displays collapsible content sections
*
* @example
* ```tsx
* <Accordion>
* <Accordion.Item defaultOpen>
* <Accordion.Header>Item one</Accordion.Header>
* <Accordion.Content>
* Some content
* </Accordion.Content>
* </Accordion.Item>
* <Accordion.Item>
* <Accordion.Header>Item two</Accordion.Header>
* <Accordion.Content>
* Some more content
* </Accordion.Content>
* </Accordion.Item>
* </Accordion>
* ```
*/
export declare const Accordion: AccordionType;
type AccordionType = ReturnType<typeof forwardRef<HTMLDivElement, AccordionProps>> & {
Item: typeof AccordionItem;
Header: typeof AccordionHeader;
Content: typeof AccordionContent;
};
export {};
//# sourceMappingURL=accordion.d.ts.map