Trace

FreeNew

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Guide and examples

Installation


pnpm dlx shadcn@latest add trace

Usage

import {
  Trace,
  TraceDescription,
  TraceIcon,
  TraceLine,
  TraceTitle,
} from "@/components/ui/trace"

<Trace>
  <TraceLine>
    <TraceIcon>
      <TerminalIcon />
    </TraceIcon>
    <TraceTitle>Ran the test suite</TraceTitle>
    <TraceDescription>12.4s</TraceDescription>
  </TraceLine>
  <TraceLine status="running">
    <TraceTitle>Building the preview</TraceTitle>
  </TraceLine>
</Trace>