react-retro-digit

Live-Demo

Eine laufende Uhr, gerendert aus echten RetroDigit-Komponenten. Die Regler steuern dieselben Props, die das Paket bereitstellt.

Eigenschaften

• 01

  Reines SVG

  Gestochen scharf in jeder Grösse — keine Bitmaps, kein Aliasing.

• 02

  Voll steuerbar

  Farbe, Grösse und Deckkraft über klare, einfache Props.

• 03

  Null Dependencies

  Keine Runtime-Abhängigkeiten, winziges Bundle, tree-shakeable.

• 04

  TypeScript

  Vollständig typisiert — mit Autocomplete für jede Prop.

Verwendung

import { RetroDigit } from "react-retro-digit"

// One component renders one digit — map a value to compose numbers.
function Counter({ value }) {
  return [...String(value)].map((digit, i) => (
    <RetroDigit key={i} number={digit} size={96} color="#50c750" />
  ))
}

Props