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
StringObject

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
Boolean

If true, apply a pressed styling

small
Boolean

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
ArrayBooleanFunctionModuleNumberObjectString