Sleep Score
PROMedidor semicircular con un puntaje sobre 100, una banda de color por tramo de calidad y el desglose de las fases apiladas debajo.
npx orbitui-cli add sleep-scoreCalidad del sueño
Anoche · 7h 32m en total
88Excelente
- Profundo1h 36m
- Ligero4h 4m
- REM1h 28m
- Despierto0h 24m
Props
| Prop | Tipo | Descripción |
|---|---|---|
score* | number | Puntaje de 0 a 100. |
stages | SleepStage[] | — |
size | number | — |
thickness | number | — |
bands | [number, number, number] | Cortes de calidad: por debajo del primero es malo, etc. |
className | string | — |
aria-label* | string | — |
Qué instala
- Archivo
components/orbit/charts/sleep-score.tsx- Componentes
- chart-core, cx
- Paquetes npm
- ninguno
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.