aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
89 lines • 1.97 kB
TypeScript
import React from "react";
export interface TreeNode {
/**
* Unique identifier
*/
id: string | number;
/**
* Display label
*/
label: string;
/**
* Optional icon
*/
icon?: React.ReactNode;
/**
* Child nodes
*/
children?: TreeNode[];
/**
* Whether the node is disabled
*/
disabled?: boolean;
/**
* Parent node ID
*/
parentId?: string | number;
}
export interface GlassTreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/**
* Tree data
*/
data: TreeNode[];
/**
* Selected node IDs
*/
value?: (string | number)[];
/**
* Callback when selection changes
*/
onChange?: (selectedIds: (string | number)[]) => void;
/**
* Placeholder text
* @default 'Select...'
*/
placeholder?: string;
/**
* Allow multiple selection
* @default false
*/
multiple?: boolean;
/**
* Enable search/filter
* @default true
*/
searchable?: boolean;
/**
* Search placeholder
* @default 'Search...'
*/
searchPlaceholder?: string;
/**
* Show checkbox for each item
* @default true for multiple, false for single
*/
showCheckbox?: boolean;
/**
* Expand all nodes by default
* @default false
*/
defaultExpanded?: boolean;
/**
* Maximum height of dropdown
* @default '300px'
*/
maxHeight?: string;
/**
* Glassmorphism elevation level
* @default 'level3'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Whether the component is disabled
* @default false
*/
disabled?: boolean;
}
export declare const GlassTreeSelect: React.ForwardRefExoticComponent<GlassTreeSelectProps & React.RefAttributes<HTMLDivElement>>;
export default GlassTreeSelect;
//# sourceMappingURL=GlassTreeSelect.d.ts.map