headless

API progressbar

createProgressbar

function

createProgressbar(config?): ProgressbarWidget

Create an ProgressbarWidget with given config props

Parameters

config?: PropsConfig<ProgressbarProps>

an optional progress bar config

Returns

ProgressbarWidget

an ProgressbarWidget


getProgressbarDefaultConfig

function

getProgressbarDefaultConfig(): ProgressbarProps

Retrieve a shallow copy of the default Progressbar config

Returns

ProgressbarProps

the default Progressbar config


ProgressbarDirectives

interface

Interface representing directives for a progress bar component.

Properties
ariaDirective

ariaDirective: Directive

A directive to be applied to the main container that handles aria attributes.


ProgressbarProps

interface

Interface representing the properties for the Progressbar component.

Properties
ariaLabel

ariaLabel: string

The aria label.

Default Value

'Progressbar'


ariaValueTextFn

ariaValueTextFn: (value, minimum, maximum) => undefined | string

Return the value for the 'aria-valuetext' attribute.

Parameters

value: number

current value

minimum: number

minimum value

maximum: number

maximum value

Returns

undefined | string

Default Value
() => undefined

className

className: string

CSS classes to be applied on the widget main container

Default Value

''


max

max: number

The maximum value.

Default Value

100


min

min: number

The minimum value.

Default Value

0


value

value: number

The current value.

Default Value

0


ProgressbarState

interface

Represents the state of a progress bar component.

Properties
ariaLabel

ariaLabel: string

The aria label.

Default Value

'Progressbar'


ariaValueText

ariaValueText: undefined | string

The aria value text.


className

className: string

CSS classes to be applied on the widget main container

Default Value

''


finished

finished: boolean

true if the value has reached its maximum value.


max

max: number

The maximum value.

Default Value

100


min

min: number

The minimum value.

Default Value

0


percentage

percentage: number

Percentage of completion.


started

started: boolean

true if the value is above its minimum value.


value

value: number

The current value.

Default Value

0


ProgressbarWidget

type alias

ProgressbarWidget: Widget<ProgressbarProps, ProgressbarState, object, ProgressbarDirectives>

Represents a Progressbar widget with specific properties, state, API, and directives.