@acpaas-ui/ngx-avatar NPM

@acpaas-ui/ngx-avatar

This module renders a picture, an icon or a letter in the form of an avatar.

Usage

import { AvatarModule } from '@acpaas-ui/ngx-avatar';

Documentation

Visit our documentation site for full how-to docs and guidelines

Avatar module

API

Name	Default value	Description
`@Input() className: string;`	`''`	A custom classname to add to the avatar.
`@Input() icon: string;`	-	CSS class for rendering a Streamline icon.
`@Input() image: string;`	-	URL to image src, renders an image.
`@Input() rounded: boolean;`	false	renders the avatar in a round container
`@Input() letter: string;`	-	Renders a string (letter).
`@Input() size: sizes;`	`sizes.R`	The size of the avatar. This can be `sizes.R`) (regular, default, `sizes.S` (small), `sizes.M` (medium) or `sizes.L` (large)
`@Input() title: string;`	`''`	The title for the avatar.

Example

import { AvatarModule } from '@acpaas-ui/ngx-avatar';

@NgModule({
    imports: [
        AvatarModule
    ]
});

export class AppModule {};

<aui-avatar image="https://robohash.org/antwerp-ui" title="My image"></aui-avatar>
<aui-avatar icon="ai-alarm-bell" size="L" title="An alarm bell icon"></aui-avatar>
<aui-avatar letter="T" title="The letter T" size="S"></aui-avatar>