@acpaas-ui/ngx-avatar 中文文档教程

发布于 3年前 浏览 20 更新于 3年前

@acpaas-ui/ngx-avatar

该模块以头像的形式呈现图片、图标或字母。

Usage

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

Documentation

访问我们的文档网站获取完整的操作文档和指南

Avatar module

API

NameDefault valueDescription
@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.RThe 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

NameDefault valueDescription
@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.RThe 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.

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文