UNPKG

@octopusdeploy/design-system-components

Version:
22 lines (21 loc) 763 B
import type { ReactNode } from "react"; export interface AccordionProps { /** * The title content rendered inside the `<summary>` element. Click to toggle the panel. */ summary: string; /** * The panel body content, visible when the accordion is open. */ children: ReactNode; /** * When true, renders a 1px top and bottom border. Adjacent Accordions sharing the same * `hasBorder` value collapse their shared border to a single 1px line. * @default false */ hasBorder?: boolean; } /** * An accordion component built on the native `<details>` and `<summary>` elements. */ export declare function Accordion({ summary, children, hasBorder }: AccordionProps): import("react/jsx-runtime").JSX.Element;