aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
55 lines • 1.41 kB
TypeScript
import React from "react";
export interface GlassTypingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Whether the indicator is shown
* @default true
*/
isTyping?: boolean;
/**
* User or users who are typing
*/
users?: string | string[];
/**
* Show user names
* @default true
*/
showUsers?: boolean;
/**
* Typing text template
* @default '{users} {isAre} typing...'
*/
text?: string;
/**
* Size of the indicator
* @default 'md'
*/
size?: "sm" | "md" | "lg";
/**
* Glassmorphism elevation level
* @default 'level1'
*/
elevation?: "level1" | "level2" | "level3" | "level4" | "level5";
/**
* Dot variant style
* @default 'bounce'
*/
variant?: "bounce" | "pulse" | "wave" | "fade";
/**
* Dot color
* @default 'primary'
*/
dotColor?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral";
/**
* Number of dots
* @default 3
*/
dotCount?: number;
/**
* Enable glassmorphism container
* @default true
*/
glass?: boolean;
}
export declare const GlassTypingIndicator: React.ForwardRefExoticComponent<GlassTypingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
export default GlassTypingIndicator;
//# sourceMappingURL=GlassTypingIndicator.d.ts.map