Progress

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

"use client"

import * as React from "react"
import { Progress } from "uilab-core"

Usage

import { Progress } from "@/components/ui/progress"

<Progress value={33} />

Use ProgressLabel and ProgressValue to add a label and value display.

Upload progress

"use client"

import {
  Progress,
  ProgressLabel,

A progress bar that can be controlled by a slider.

"use client"

import * as React from "react"
import { Progress, Slider } from "uilab-core"

Popover

Displays rich content in a portal, triggered by a button.

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.