aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
90 lines • 2.05 kB
TypeScript
import React from "react";
export interface TransferListItem {
/**
* Unique identifier
*/
id: string | number;
/**
* Display label
*/
label: string;
/**
* Optional description
*/
description?: string;
/**
* Whether the item is disabled
*/
disabled?: boolean;
/**
* Optional icon
*/
icon?: React.ReactNode;
}
export interface GlassTransferListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
/**
* All available items
*/
items?: TransferListItem[];
/**
* Currently selected items (by ID)
*/
value?: (string | number)[];
/**
* Callback when selection changes
*/
onChange?: (selectedIds: (string | number)[]) => void;
/**
* Left list title
* @default 'Available'
*/
leftTitle?: string;
/**
* Right list title
* @default 'Selected'
*/
rightTitle?: string;
/**
* Enable search/filter
* @default true
*/
searchable?: boolean;
/**
* Left list search placeholder
* @default 'Search available...'
*/
leftSearchPlaceholder?: string;
/**
* Right list search placeholder
* @default 'Search selected...'
*/
rightSearchPlaceholder?: string;
/**
* Show item count
* @default true
*/
showCount?: boolean;
/**
* Minimum height of lists
* @default '300px'
*/
minHeight?: string;
/**
* Maximum height of lists
* @default '400px'
*/
maxHeight?: string;
/**
* Glassmorphism elevation level
* @default 'level2'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Whether the component is disabled
* @default false
*/
disabled?: boolean;
}
export declare const GlassTransferList: React.ForwardRefExoticComponent<GlassTransferListProps & React.RefAttributes<HTMLDivElement>>;
export default GlassTransferList;
//# sourceMappingURL=GlassTransferList.d.ts.map