aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
92 lines • 2.04 kB
TypeScript
import React from "react";
export interface AccordionItem {
/**
* Unique identifier for the item
*/
id: string;
/**
* Title/header content
*/
title: React.ReactNode;
/**
* Body content
*/
content: React.ReactNode;
/**
* Whether this item is disabled
*/
disabled?: boolean;
/**
* Custom icon for this item
*/
icon?: React.ReactNode;
}
export interface GlassAccordionProps {
/**
* Accordion items
*/
items: AccordionItem[];
/**
* Accordion variant
*/
variant?: "default" | "bordered" | "flush";
/**
* Accordion size
*/
size?: "sm" | "md" | "lg";
/**
* Whether multiple items can be open at once
*/
multiple?: boolean;
/**
* Initially open items (controlled)
*/
value?: string | string[];
/**
* Default open items (uncontrolled)
*/
defaultValue?: string | string[];
/**
* Callback when open items change
*/
onValueChange?: (value: string | string[]) => void;
/**
* Whether to show expand/collapse icons
*/
showIcons?: boolean;
/**
* Custom expand icon
*/
expandIcon?: React.ReactNode;
/**
* Custom collapse icon
*/
collapseIcon?: React.ReactNode;
/**
* Animation duration in milliseconds
*/
animationDuration?: number;
/**
* Whether to animate content changes
*/
animated?: boolean;
/**
* Collapsible behavior
*/
collapsible?: boolean;
/**
* Respect user's motion preferences
*/
respectMotionPreference?: boolean;
/**
* ARIA label for the accordion
*/
"aria-label"?: string;
className?: string;
}
/**
* GlassAccordion component
* Collapsible sections with smooth animations and glassmorphism styling
*/
export declare const GlassAccordion: React.ForwardRefExoticComponent<GlassAccordionProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassAccordion.d.ts.map