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

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

@acpaas-ui/ngx-icon

该模块呈现取自 Streamline Icons 库的图标。

Usage

import { IconModule } from '@acpaas-ui/ngx-icon';

Documentation

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

Icon module

API

NameDefault valueDescription
@Input() name: string;''Name of the icon prefixed with ai-. See core branding for all available names.
@Input() ariaLabel: string;''Optional alternative text for the icon.
@Input() className: string;''Optional CSS class to add to the icon.

Example

import { IconModule } from '@acpaas-ui/ngx-icon';

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

export class AppModule {};
<aui-icon name="ai-alarm-bell" ariaLabel="This is a bell" className="u-text-primary" style="font-size: 2rem;"></aui-icon>

Contributing

访问我们的Contribution Guidelines 获取更多关于如何贡献的信息。

@acpaas-ui/ngx-icon

This module renders an icon taken from the Streamline Icons library.

Usage

import { IconModule } from '@acpaas-ui/ngx-icon';

Documentation

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

Icon module

API

NameDefault valueDescription
@Input() name: string;''Name of the icon prefixed with ai-. See core branding for all available names.
@Input() ariaLabel: string;''Optional alternative text for the icon.
@Input() className: string;''Optional CSS class to add to the icon.

Example

import { IconModule } from '@acpaas-ui/ngx-icon';

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

export class AppModule {};
<aui-icon name="ai-alarm-bell" ariaLabel="This is a bell" className="u-text-primary" style="font-size: 2rem;"></aui-icon>

Contributing

Visit our Contribution Guidelines for more information on how to contribute.

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