Avatar - Aspect UI

The Avatar component is used to represent a user or entity with a visual element, typically an image, initials, or icon. It is commonly used in user profiles, comments, and lists. The component supports customizable sizes, fallback content, status indicators, and accessibility features. It can be easily integrated with tooltips, badges, and other UI elements for enhanced user context.

Table of Contents#

Default Avatar#

Avatar Group#

Avatar Badge#

Alert Props#

PropTypeDefaultDescription
type'success' 'warning' 'error' 'info'-Specifies the type of alert to display, which determines the style and icon.
childrenReactNode-The content displayed inside the alert.
closeablebooleantrueDetermines whether the alert can be dismissed.
onClose() => void-Callback function invoked when the alert is closed.
classNamestring''Additional CSS classes for the alert container.
Edit this pageTypography