limestone/RadioItem

Provides a Limestone-themed Item component with an interactive radio toggle icon.

Loading Live Preview

Import Usage

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

Members

RadioItem   Component

Renders an Item with a radio-dot component. Useful to show a selected state on an Item.

Import Usage

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

Extends: limestone/RadioItemlimestone/RadioItem.RadioItemBase
Wrapped with: limestone/RadioItemlimestone/RadioItem.RadioItemDecorator

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:

• radioItem - The root class name

---

icon

String

The icon to display when selected.

Default: 'circle'

See: limestone/Iconlimestone/Icon.Icon

---

selected

Boolean

If true it will be selected.

---

slotBefore

Node

Nodes to be inserted after the radio button and before children.

RadioItemBase   Component

An item component with a radio toggle icon.

This component is most often not used directly but may be composed within another component as it is within limestone/RadioItemlimestone/RadioItem.RadioItem.

Import Usage

import {RadioItemBase} from '@enact/limestone/RadioItem';

Extends: limestone/Itemlimestone/Item.Item

RadioItemDecorator   Higher-Order Component

Limestone specific behaviors to apply to limestone/RadioItemlimestone/RadioItem.RadioItemBase.

Import Usage

import {RadioItemDecorator} from '@enact/limestone/RadioItem';

Includes: ui/Toggleableui/Toggleable.Toggleable

RadioItemGroup   Component

A container that surrounds multiple RadioItems.

A list of multiple RadioItems wrapped with a RadioItemGroup component gets required audio guidance.

Import Usage

import {RadioItemGroup} from '@enact/limestone/RadioItem';