AngularDart Material Design 图标

原创
2018/09/11 15:17
阅读数 100

MaterialIconComponent

Selector: <material-icon>

材料样式图标。

此样式表应包含在页面顶部:

<link
    rel="stylesheet"
    type="text/css"
    href="https://fonts.googleapis.com/icon?family=Material+Icons">

确保考虑RTL。 具体来说,如果要为RTL UI翻转图标,请使用flip属性。 阅读这些指南,了解何时翻转何时不翻转图标。

Attributes:

  • size:String - 图标的大小。 选项包括:x-small, small, medium, large, 和 x-large,分别对应于12px,13px,16px,18px和20px。 如果未指定大小,则使用默认值24px。
  • flip - 是否应翻转RTL语言的图标。
  • light - 是否应减少图标的不透明度。
  • baseline是否需要将图标与基线对齐。

Inputs:

  • ariaLabel String Aria标签添加到图标。
  • icon dynamic 此组件应显示的Icon模型(lib / model / ui / icon.dart)或图标标识符(String)。

有关可用图标,请参阅https://www.google.com/design/icons/。 如果图标名称包含空格,请用下划线替换它们。

MaterialIconDemoComponent

查看示例,查看源码

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部