@furystack/shades-common-components
Version:
Common UI components for FuryStack Shades
31 lines • 1.13 kB
TypeScript
/**
* Props for the AccordionItem component.
*/
export type AccordionItemProps = {
/** The header content displayed in the clickable toggle area */
title: JSX.Element | string;
/** Whether the item starts in the expanded state. Defaults to false */
defaultExpanded?: boolean;
/** Whether the item is disabled (non-interactive) */
disabled?: boolean;
/** Optional icon displayed before the title */
icon?: JSX.Element | string;
};
/**
* An individual collapsible section for use within an Accordion container.
*
* Supports animated expand/collapse, keyboard accessibility, and optional icon.
*
* @example
* ```tsx
* <AccordionItem title="Section 1" defaultExpanded>
* <Typography variant="body1">Content goes here</Typography>
* </AccordionItem>
* ```
*/
export declare const AccordionItem: (props: AccordionItemProps & Omit<Partial<HTMLElement>, "style"> & {
style?: Partial<CSSStyleDeclaration>;
} & {
ref?: import("@furystack/shades").RefObject<Element>;
}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
//# sourceMappingURL=accordion-item.d.ts.map