Skip to content
Enact

limestone/Skinnable

Exports the limestone/Skinnablelimestone/Skinnable.Skinnable higher-order component (HOC).

This higher-order component is based on ui/Skinnableui/Skinnable.Skinnable.

Skinnable comes pre-configured for Limestone's supported skins: "neutral" (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.

Note: This HoC passes className to the wrapped component. It must be passed to the main DOM node.

Properties added to wrapped component

Select a skin by name by specifying this property.

Available Limestone skins are "neutral" (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 Skinnable directly and a config object.

Example:

<Button skin="light">
Default: 'neutral'