ui/ Icon
An unstyled icon component to be customized by a theme or application.
import Icon from '@enact/ui/Icon';
Members
IconComponent
An Icon component.
import Icon from '@enact/ui/Icon';
IconBaseComponent
A basic icon component structure without any behaviors applied to it.
import {IconBase} from '@enact/ui/Icon';
Properties
The icon content.
May be 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).
Called with a reference to the root component.
When using ui/Icon.Icon, the
ref
prop is forwarded to this component ascomponentRef
.Customizes the component by mapping the supplied collection of CSS class names to the corresponding internal elements and states of this component.
The following classes are supported:
Flip the icon horizontally, vertically or both.
The full list (hash) of supported icons.
The keys of this hash are the unique names of each icon. The values are the unicode characters to insert in the icon. These will typically map to glyphs in your icon-font. The format of the keys can be character, glyph, or entity reference that correctly renders in a React + JSX string.
Default: {}Applies the
pressed
CSS class.Default: falseThe size of the button.
Applies the CSS class which can be customized by theming.
IconDecoratorHigher-Order Component
A higher-order component that adds behavior to Icon.
import {IconDecorator} from '@enact/ui/Icon';