Icon

Display Material Icons by name. Icons are rendered using the Google Icon font.

组件展示

arrow-left
arrow-right
bell
calendar
camera
check
circle-alert
circle-question-mark
circle-user
credit-card
download
ellipsis
eye
folder
heart
house
image
info
lock
mail
map-pin
menu
paperclip
pencil
phone
plus
printer
refresh-cw
search
send
settings
share
shopping-cart
star
trash
triangle-alert
upload
user
x

属性

属性名
类型
必需性
描述
id*
ComponentId
必需
暂无描述
accessibility
AccessibilityAttributes
可选
暂无描述
styles
Styles
可选
Component style properties
weight
number
可选
The relative weight of this component within a Row or Column. This is similar to the CSS 'flex-grow' property. Note: this may ONLY be set when the component is a direct descendant of a Row or Column.
component*
"Icon"
必需
暂无描述
name*
"accountCircle" | "add" | "arrowBack" | "arrowForward" | "attachFile" | "calendarToday" | "call" | "camera" | "check" | "close" | "delete" | "download" | "edit" | "event" | "error" | "fastForward" | "favorite" | "favoriteOff" | "folder" | "help" | "home" | "info" | "locationOn" | "lock" | "lockOpen" | "mail" | "menu" | "moreVert" | "moreHoriz" | "notificationsOff" | "notifications" | "pause" | "payment" | "person" | "phone" | "photo" | "play" | "print" | "refresh" | "rewind" | "search" | "send" | "settings" | "share" | "shoppingCart" | "skipNext" | "skipPrevious" | "star" | "starHalf" | "starOff" | "stop" | "upload" | "visibility" | "visibilityOff" | "volumeDown" | "volumeMute" | "volumeOff" | "volumeUp" | "warning" | object
必需
The name of the icon to display.

代码示例

{
  "component": "Icon",
  "id": "icon_1",
  "name": {}
}