limestone/SwitchItem

Provides Limestone-themed item component and interactive toggleable switch.

Loading Live Preview

Import Usage

import SwitchItem from '@enact/limestone/SwitchItem';

Members

SwitchItem   Component

A Limestone-styled item with a switch component.

SwitchItem will manage its selected state via ui/Toggleableui/Toggleable unless set directly.

Import Usage

import SwitchItem from '@enact/limestone/SwitchItem';

Extends: limestone/SwitchItemlimestone/SwitchItem.SwitchItemBase
Wrapped with: limestone/SwitchItemlimestone/SwitchItem.SwitchItemDecorator

SwitchItemBase   Component

Renders an item with a limestone/Switchlimestone/Switch.

Import Usage

import {SwitchItemBase} from '@enact/limestone/SwitchItem';

Extends: limestone/Itemlimestone/Item.Item

Properties

css

Object

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:

• switchItem - The root class name

---

selected

Boolean

If true the switch will be selected.

Default: false

---

slotAfter

Node

Nodes to be inserted after children and before the switch.

SwitchItemDecorator   Higher-Order Component

Adds interactive functionality to SwitchItem.

Import Usage

import {SwitchItemDecorator} from '@enact/limestone/SwitchItem';

Includes: ui/Toggleableui/Toggleable.Toggleable