mistui-kit
Version:
**👉 [Try MistUi Live](https://gilded-tanuki-0eb52b.netlify.app/) — interactive playground & docs**
21 lines (20 loc) • 1.01 kB
TypeScript
import type { Variants } from './theme/default';
export type AvatarProps = {
children?: string | React.ReactElement;
size?: 'auto' | 'xss' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
color?: Variants | (string & {});
style?: React.CSSProperties;
className?: React.HTMLAttributes<HTMLDivElement>['className'];
src?: string;
alt?: string;
shadow?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
variant?: 'base' | 'square' | 'round';
};
export type AvatarsGroupProps = {
size?: 'auto' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
style?: React.CSSProperties;
className?: React.HTMLAttributes<HTMLDivElement>['className'];
items: Omit<AvatarProps, 'size' | 'className' | 'style'>[];
};
export default function Avatar({ children, src, size, alt, style, color, className, variant, shadow, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
export declare function AvatarGroup({ size, style, className, items }: AvatarsGroupProps): import("react/jsx-runtime").JSX.Element;