Rouse Track

Bars rest on the border token and fill with the primary ink up to the value, which is printed alongside. The crest follows the pointer and glides as you drag.

Installation

CLI

npx @modus-ui/cli add rouse-track

Manual

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

Usage

import { RouseTrack } from "@/components/ui/rouse-track";

export default function Example() {
  return <RouseTrack ariaLabel="Leading" />;
}

Props