AngularDart Material Design 图标

MaterialIconComponent

Selector: <material-icon>css

材料样式图标。html

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

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

确保考虑RTL。 具体来讲,若是要为RTL UI翻转图标,请使用flip属性。 阅读这些指南,了解什么时候翻转什么时候不翻转图标。github

Attributes:api

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

Inputs:ide

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

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

MaterialIconDemoComponent

查看示例,查看源码google

相关文章
相关标签/搜索