Usage
import { Progress } from "lambda-ui-components";
export default function App() {
return (
<Progress
value={65}
color="primary"
variant="bar"
/>
);
}Progress
Progress component displays the completion status of a task or process.
Playground
Experiment with all the properties of the Progress component in real time.
Properties
label
Optional label to display with the progress.
value
The progress value (0-100).
color
Color scheme of the progress.
variant
Visual style of the progress.
size
Size of the progress.
showValue
If true, displays the percentage value.
indeterminate
If true, shows an indeterminate loading animation.
Progress
API Reference
Props
Prop | Default | Type |
|---|---|---|
value | undefined | number |
variant | "bar" | "bar" | "circle" |
color | "primary" | "neutral" | "primary" | "secondary" | "success" | "danger" | "warning" | "info" |
size | "small" | "tiny" | "small" | "medium" | "large" |
showValue | false | boolean |
indeterminate | false | boolean |
label | undefined | string |