Avatar
A versatile avatar component for displaying user profile pictures, initials, or icons with customizable styling options.
Import
import {FktAvatarComponent} from "frakton-ng/avatar";Basic
Basic avatar with default settings showing an icon.
Image
Avatar displaying a user image.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Initials
Avatar displaying user initials.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Loading
Avatar in loading state.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Custom icons
Avatar with a custom icon.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Shapes
Avatar with circle shape.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Semantic colors
Avatar with primary background color.
@for (variant of variants; track variant.label) {
{{ variant.label }}
} Custom colors
Avatar with custom hex colors.
@for (variant of variants; track variant.label) {
{{ variant.label }}
}