Sleep Score Card

The sleep score ring from the medical dashboard - a segmented arc gauge where hovering a metric row focuses its segment, with duration, quality, and consistency sub-scores below.

Sleep score

Excellent

29 Jun - 5 Jul
98
Duration: 7h 50m
49/50
Bedtime: 20m earlier
29/30
Interruptions: 5m wake up
20/20

Installation

Sleep Score Card is part of BoardUI Pro.

Dark mode ready - this component follows BoardUI semantic tokens automatically. Set up theme switching.

Pro access

Sleep Score Card is a Pro component.

Your BoardUI Pro license unlocks this component and all of its source files. Activate your license once, then install it directly into your project with the CLI.

01

Activate your license

Use the key from your Lemon Squeezy purchase email. You only need to do this once per machine.

npx boardui@latest login YOUR_LICENSE_KEY
02

Install the component

The CLI copies the source and resolves every BoardUI and npm dependency for you.

npx boardui@latest add sleep-score-card

This component is included in BoardUI Pro

Get BoardUI Pro now and install it end away.

Using a shared UI package or custom import aliases? Configure your installation paths before running the CLI. Copy-paste examples use the default imports.