Enact

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
String

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'
ArrayBooleanFunctionModuleNumberObjectString