ComponentsProgress

Progress

Display feedback on status of task or length of a process.

Documentation

Usage

import { Progress } from "@optiaxiom/react";
 
export function App({ value = "50" }: AppProps) {
  return <Progress value={parseInt(value)} w="2/3" />;
}
 
type AppProps = {
  value:
    | "0"
    | "10"
    | "20"
    | "30"
    | "40"
    | "50"
    | "60"
    | "70"
    | "80"
    | "90"
    | "100";
};

Props

Progress

Supports all Box props in addition to its own.

Name

Type

asChild

false | true

getValueLabel

(value: number, max: number) => string

max

number

value

number

Changelog

0.1.0

  • Added component

Copyright 2024 © Optimizely.