State Glyph

Marks take the foreground ink, turn to the primary colour when done and the destructive colour on failure, with mono labels that strike through on completion.

Installation

CLI

npx @modus-ui/cli add state-glyph

Manual

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

Usage

import { StateGlyph } from "@/components/ui/state-glyph";

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

Props