アクティビティリングカード

Apple Watchスタイルの同心的なゴールリング - 移動、エクササイズ、および実行の進捗とホバーブルリングフォーカスと以下のスタットタイル。 ほとんどのアクティブデイズカードとペアで、選択した日に表示します。

活動内容

ふるまい
1,592 kcal
トレーニング
1h 45m
ランニング
5.2 km

インストール

アクティビティリングカードは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 activity-rings-card

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

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

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