moonstone/ Icon
Exports the moonstone/Icon.Icon component and the list of icon constants as iconList.
import Icon from '@enact/moonstone/Icon';
Members
IconComponent
moonstone/Icon.Icon is a component that displays an icon image. You may
specify an image, by setting the src
property, or a font-based icon, by setting the child to a
string from the IconList. If both src
and
children are specified, both will be rendered.
Usage:
<Icon small>
plus
</Icon>
import Icon from '@enact/moonstone/Icon';
Properties
- children
The icon specified as either:
A string that represents an icon from the IconList,
An HTML entity string, Unicode reference or hex value (in the form '0x...'),
A URL specifying path to an icon image, or
An object representing a resolution independent resource (See ui/resolution).
- pressed
If
true
, apply a pressed styling- small
If
true
, apply the 'small' class.Default: false
iconList
moonstone/Icon.iconList is an object whose keys can be used as the child of an moonstone/Icon.Icon component.
List of Icons:
plus
minus
arrowhookleft
arrowhookright
ellipsis
check
circle
stop
play
pause
forward
backward
skipforward
skipbackward
pauseforward
pausebackward
pausejumpforward
pausejumpbackward
jumpforward
jumpbackward
denselist
bulletlist
list
drawer
arrowlargedown
arrowlargeup
arrowlargeleft
arrowlargeright
arrowsmallup
arrowsmalldown
arrowsmallleft
arrowsmallright
closex
search
rollforward
rollbackward
exitfullscreen
fullscreen
arrowshrinkleft
arrowshrinkright
arrowextend
arrowshrink
flag
funnel
trash
star
hollowstar
halfstar
gear
plug
lock
forward15
back15
continousplay
playlist
resumeplay
image
audio
music
languages
cc
ccon
ccoff
sub
recordings
livezoom
liveplayback
liveplaybackoff
repeat
repeatoff
series
repeatdownload
view360
view360off
info