Components / Install

Install

Copy the stylesheet, link it, and set the one accent.

Copy the file

  1. Copy design/yravg-ui.css next to the HTML file.
  2. Link it from the head.
  3. Use the classes from a component page. Copy code takes a snippet. Copy HTML+CSS takes a single document.
<link rel="stylesheet" href="yravg-ui.css">

One accent

The file sets the accent. A product that needs a different colour replaces that one declaration and leaves every other token alone.

:root {
  --accent: #B4532A;
}

Single file

The single-file copy inlines yravg-ui.css, the component CSS, the markup, and the component script. It does not request the gallery.

Offline

With the stylesheet beside the file, or inlined, the page runs without a host. The font import asks for Inter and JetBrains Mono. Offline, the stack falls back to system-ui and ui-monospace. The canvas, the accent, and tabular numbers still apply.