Progress

Displays a hairline bar indicating the completion progress of a task.

Installation

bun add elia
@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { Progress } from "@aile.sh/elia";

export function Example() {
  return (
    <div className="flex w-64 flex-col gap-3">
      <Progress value={30} />
      <Progress value={70} tone="green" />
    </div>
  );
}

— elia design system · MIT · base · https://github.com/aile-sh/elia