§11-09Trust
実績数字 (commits/streak)
コミット数や継続日数などの実績を数字で示す。
積み重ねた成果をひと目で示し、継続の動機にもなる。プロフィールや公開ページで、本人の活動量を第三者に伝えたいときに使う。
実装のポイント
大きな数値は 12.3k のように短縮し、正確な値は title やツールチップで補う。数値と単位ラベルを縦に並べ tabular-nums で桁幅を揃えると並べても崩れない。
- 特徴
- CSS のみ
- デモで使っているもの
- lucide-react
§11-09Trust
コミット数や継続日数などの実績を数字で示す。
積み重ねた成果をひと目で示し、継続の動機にもなる。プロフィールや公開ページで、本人の活動量を第三者に伝えたいときに使う。
大きな数値は 12.3k のように短縮し、正確な値は title やツールチップで補う。数値と単位ラベルを縦に並べ tabular-nums で桁幅を揃えると並べても崩れない。