@als-tp/als-react-ts-ui
Version:
A comprehensive React TypeScript UI component library built with Base UI by ALSInnovation
72 lines • 1.97 kB
TypeScript
import React from "react";
export interface ALSCollapsibleRootProps {
/**
* Whether the collapsible panel is initially open (uncontrolled).
*/
defaultOpen?: boolean;
/**
* Whether the collapsible panel is currently open (controlled).
*/
open?: boolean;
/**
* Event handler called when the panel is opened or closed.
*/
onOpenChange?: (open: boolean) => void;
/**
* Whether the component should ignore user interaction.
*/
disabled?: boolean;
/**
* Additional CSS class name.
*/
className?: string;
/**
* Inline styles.
*/
style?: React.CSSProperties;
/**
* The content of the collapsible.
*/
children?: React.ReactNode;
}
export interface ALSCollapsibleTriggerProps {
/**
* Additional CSS class name.
*/
className?: string;
/**
* Inline styles.
*/
style?: React.CSSProperties;
/**
* The content of the trigger button.
*/
children?: React.ReactNode;
}
export interface ALSCollapsiblePanelProps {
/**
* Additional CSS class name.
*/
className?: string;
/**
* Inline styles.
*/
style?: React.CSSProperties;
/**
* The content of the collapsible panel.
*/
children?: React.ReactNode;
}
/**
* Root component that groups all parts of the collapsible.
*/
export declare const ALSCollapsibleRoot: React.ForwardRefExoticComponent<ALSCollapsibleRootProps & React.RefAttributes<HTMLDivElement>>;
/**
* Trigger button that toggles the collapsible panel.
*/
export declare const ALSCollapsibleTrigger: React.ForwardRefExoticComponent<ALSCollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
/**
* Panel that contains the collapsible content.
*/
export declare const ALSCollapsiblePanel: React.ForwardRefExoticComponent<ALSCollapsiblePanelProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=ALSCollapsible.d.ts.map