moonstone/ Skinnable
Exports the moonstone/Skinnable.Skinnable Higher-order Component (HOC).
import Skinnable from '@enact/moonstone/Skinnable';
Members
SkinnableHigher-Order Component
This Higher-order Component is based on ui/Skinnable and comes pre-configured for Moonstone's supported skins: "dark" (default) and "light". It is used to apply the relevant skinning classes to each component and has been used to pre-select specific skins for some components.
import Skinnable from '@enact/moonstone/Skinnable';
Properties added to wrapped component
- skin
Select a skin by name by specifying this property. Available Moonstone skins are
"dark"
(default) and"light"
. This may be changed at runtime. All components already use their defaults, but a skin may be changed via this prop or by using moonstone/Skinnable directly and a config object.Example:
<Button skin="light">
Default: 'dark'
String
ArrayBooleanFunctionModuleNumberObjectString