睡眠スコアカード

医療ダッシュボードからのスリープスコアリング - メトリック列をホバリングするセグメント化されたアークゲージは、そのセグメントに焦点を合わせ、期間、品質、および一貫性のサブスコアを下回ります。

睡眠スコア

とても良い

6/29 - 7/5
98
時間: 7h 50m
49/50
就寝時間: 20分早め
29/30
中断: 5分の覚醒
20/20

インストール

睡眠スコアカードはBoardUI Proに含まれています。

ダークモード対応：この コンポーネント はBoardUIのセマンティックトークンに合わせて自動で切り替わります。 テーマスイッチの設定.

プロアクセス

睡眠スコアカード プロです コンポーネント.

BoardUI Proライセンスは、このライセンスを解除します。 コンポーネント と、そのすべてのソースファイル。ライセンスを有効化すると、CLIでプロジェクトに直接インストールできます。

01

ライセンスを有効化

Lemon Squeezyの購入メールにあるキーを使ってください。端末ごとに1回設定すれば完了です。

npx boardui@latest login YOUR_LICENSE_KEY
02

インストール コンポーネント

CLIがソースをコピーし、BoardUIとnpmの依存関係をすべて解決します。

npx boardui@latest add sleep-score-card

詳しくはこちら コンポーネント BoardUI Proに含まれているもの

今すぐBoardUI Proを入手し、インストールしてください。

共有UIパッケージや独自のインポートエイリアスを使う場合は、 インストールパスの設定 をCLIの実行前に設定してください。コピー＆ペーストの例は、標準のインポートを使います。