Progress ​

Features ​

• Provides context for assistive technology to read the progress of a task.

Installation ​

Install the component from your command line.

$ npm add reka-ui

Anatomy ​

Import all parts and piece them together.

<script setup>
import { ProgressIndicator, ProgressRoot } from 'reka-ui'
</script>

<template>
  <ProgressRoot>
    <ProgressIndicator />
  </ProgressRoot>
</template>

Accessibility ​

Adheres to the progressbar role requirements.

API Reference ​

Root ​

Contains all of the progress parts.

Indicator ​

Used to show the progress visually. It also makes progress accessible to assistive technologies.