limestone/ProgressButton

Provides Limestone-themed progress button component.

Loading Live Preview

Import Usage

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

Members

ProgressButton   Component

The ready-to-use Limestone-styled ProgressButton.

Import Usage

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

Extends: limestone/ProgressButtonlimestone/ProgressButton.ProgressButtonBase

ProgressButtonBase   Component

Renders a limestone-styled progress button.

Import Usage

import {ProgressButtonBase} from '@enact/limestone/ProgressButton';

Extends: limestone/Buttonlimestone/Button.ButtonBase
Extends: limestone/ProgressBarlimestone/ProgressBar.ProgressBar

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:

• progressButton - The root component class

---

icon

StringObject

The icon content displayed with progress.

Default: stop

---

progress

Number

A number between 0 and 1 indicating the proportion of the filled portion of the bar.

Default: 0

---

showProgress

Boolean

Shows progress instead of text.

---

size

'large''small'

The size of the progress button.

Default: 'small'