aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
75 lines • 1.72 kB
TypeScript
import React from "react";
export interface GlassActionSheetAction {
/**
* Action label
*/
label: string;
/**
* Action callback
*/
onAction: () => void;
/**
* Action icon
*/
icon?: React.ReactNode;
/**
* Action style variant
* @default 'default'
*/
variant?: "default" | "destructive" | "primary";
/**
* Whether the action is disabled
* @default false
*/
disabled?: boolean;
}
export interface GlassActionSheetProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
/**
* Whether the action sheet is open
*/
open: boolean;
/**
* Callback when the action sheet should close
*/
onClose: () => void;
/**
* Action sheet title
*/
title?: string;
/**
* Action sheet message/description
*/
message?: string;
/**
* List of actions
*/
actions: GlassActionSheetAction[];
/**
* Show cancel button
* @default true
*/
showCancel?: boolean;
/**
* Cancel button text
* @default 'Cancel'
*/
cancelText?: string;
/**
* Glassmorphism elevation level
* @default 'level4'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Close on backdrop click
* @default true
*/
closeOnBackdrop?: boolean;
/**
* Animation duration in milliseconds
* @default 300
*/
animationDuration?: number;
}
export declare const GlassActionSheet: React.ForwardRefExoticComponent<GlassActionSheetProps & React.RefAttributes<HTMLDivElement>>;
export default GlassActionSheet;
//# sourceMappingURL=GlassActionSheet.d.ts.map