@acpaas-ui/ngx-avatar 中文文档教程
@acpaas-ui/ngx-avatar
该模块以头像的形式呈现图片、图标或字母。
Usage
import { AvatarModule } from '@acpaas-ui/ngx-avatar';
Documentation
访问我们的文档网站获取完整的操作文档和指南
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() 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>
Contributing
访问我们的Contribution Guidelines 获取更多关于如何贡献的信息。
@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() 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>
Contributing
Visit our Contribution Guidelines for more information on how to contribute.