Enact
Edit on GitHub

sandstone/RadioItem

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

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

Members

RadioItemComponent

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

import RadioItem from '@enact/sandstone/RadioItem';
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.

See: sandstone/Icon.Icon
Default: 'circle'
selected
Boolean

If true it will be selected.

slotBefore
Node

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

RadioItemBaseComponent

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 RadioItem.

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

RadioItemDecoratorHigher-Order Component

Sandstone specific behaviors to apply to RadioItem.

import {RadioItemDecorator} from '@enact/sandstone/RadioItem';
ArrayBooleanFunctionModuleNumberObjectString