Back

Track Status Button

Component Code (Next.js)

import TrackStatusButton from "@/components/TrackStatusButton";

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

Claude / Codex Prompt

Create the glossy purple "Track Status" button from the shared image:
- Wide rounded rectangle with a violet gradient and broad molded top highlight.
- Large white Track Status text, centered with no wrapping.
- Use a real button element, keyboard focus, hover/active states, responsive sizing, and reduced-motion support.