Run Tag

Show a command's progress inline: the tag fills with ink toward its expected duration while running, washes to the done colour on success, and shakes with a retry action on failure. A live elapsed timer and a screen-reader status line come built in.

Installation

CLI

npx @modus-ui/cli add run-tag

Manual

1. Copy the code from the component tab.
2. Create a file at components/ui/run-tag.tsx.
3. Paste the code.

Usage

import { RunTag } from "@/components/ui/run-tag";

export default function Example() {
  return <RunTag />;
}

Props