weavify
Version:
````markdown # **Weavify - Reusable UI Components**
28 lines (27 loc) • 1.16 kB
TypeScript
/**
* CustomAvatar Component
*
* A reusable and customizable avatar component based on Material-UI's Avatar.
* It supports various sizes, image sources, text fallbacks, and customizable styles.
*
* Author: Anish Kumar
* Email: anishbishnoi127@gmail.com
*
* @param {string} [imageUrl] - The source URL of the avatar image.
* @param {string} [altText] - Alternate text for the image (used if the image fails to load).
* @param {string} [fallbackText] - Fallback initials or text when no image is provided.
* @param {string} [avatarStyles] - Custom CSS classes for styling the avatar container.
* @param {string} size - Defines the size of the avatar. Can be 'small', 'medium', 'large', or 'extraLarge'.
* @param {React.CSSProperties} [customStyles] - Inline styles for further customization.
*/
import * as React from 'react';
interface CustomAvatarProps {
imageUrl?: string;
altText?: string;
fallbackText?: string;
avatarStyles?: string;
size: 'small' | 'medium' | 'large' | 'extraLarge';
customStyles?: React.CSSProperties;
}
declare const _default: React.NamedExoticComponent<CustomAvatarProps>;
export default _default;