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

相關文章
相關標籤/搜索