aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
58 lines • 1.59 kB
TypeScript
import React from "react";
export interface GlassConnectionStatusProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Connection status
* @default 'auto' - automatically detect
*/
status?: "online" | "offline" | "slow" | "auto";
/**
* Show status text
* @default true
*/
showText?: boolean;
/**
* Show connection speed/quality
* @default false
*/
showQuality?: boolean;
/**
* Position of the indicator
* @default 'top-right'
*/
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "inline";
/**
* Size of the indicator
* @default 'md'
*/
size?: "sm" | "md" | "lg";
/**
* Glassmorphism elevation level
* @default 'level3'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Auto-hide when online after duration (milliseconds)
* @default 0 - don't auto-hide
*/
autoHideDelay?: number;
/**
* Callback when status changes
*/
onStatusChange?: (status: "online" | "offline" | "slow") => void;
/**
* Enable pulse animation
* @default true
*/
animate?: boolean;
/**
* Custom labels for each status
*/
labels?: {
online?: string;
offline?: string;
slow?: string;
};
}
export declare const GlassConnectionStatus: React.ForwardRefExoticComponent<GlassConnectionStatusProps & React.RefAttributes<HTMLDivElement>>;
export default GlassConnectionStatus;
//# sourceMappingURL=GlassConnectionStatus.d.ts.map