Components

Progress

A progress component

Preview

"use client";import * as React from "react";import { Progress } from "@/registry/axon/ui/progress";export default function ProgressDemo() {  const [progress, setProgress] = React.useState(13);  React.useEffect(() => {    const timer = setTimeout(() => setProgress(66), 500);    return () => clearTimeout(timer);  }, []);  return <Progress className="w-[60%]" value={progress} />;}

Installation

CLI

npx shadcn@latest add @emberui/progress

yarn shadcn@latest add @emberui/progress

pnpm dlx shadcn@latest add @emberui/progress

bunx --bun shadcn@latest add @emberui/progress

Reference

This component is based on the shadcn/ui Progress component.

Popover

A popover component

Radio Group

A radio-group component

On this page

Preview Installation CLI Reference

"use client";

import * as React from "react";

import { Progress } from "@/registry/axon/ui/progress";

export default function ProgressDemo() {
  const [progress, setProgress] = React.useState(13);

  React.useEffect(() => {
    const timer = setTimeout(() => setProgress(66), 500);
    return () => clearTimeout(timer);
  }, []);

  return <Progress className="w-[60%]" value={progress} />;
}