palantir/blueprint

[Feature request] [Progress] Multiple stacked progress bars

Open

#3,469 opened on 2019年4月9日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)TypeScript (2,167 forks)batch import
P3Package: coreType: feature requesthelp wanted

Repository metrics

Stars
 (20,263 stars)
PR merge metrics
 (平均マージ 43d 10h) (30d で 27 merged PRs)

説明

Environment

  • Package version(s): ^3.12.0
  • Browser and OS versions: Chrome 73.0.3683.86 on Windows 10

Feature request

Allow multiple progress meters with different intents within one bar

Examples

Bootstrap's progress bars support it: https://getbootstrap.com/docs/4.3/components/progress/#multiple-bars

image

コントリビューターガイド

調査方針
Blueprint の既存の ProgressBar コンポーネント（おそらく src/components/progress bar/progressBar.tsx 内）を調べて、その API とレンダリングを理解します。リンク先の Bootstrap ドキュメントで複数のバーを積み重ねる方法を確認します。値/色オブジェクトの配列を受け取る新しいプロパティ（例: 'stripedBars' または 'bars'）を設計することを検討します。コンポーネントを変更して複数の内部バーをレンダリングし、それに応じてスタイルを更新します。リンクされた PR やメンテナのコメントはないため、範囲は自由です。
技術スタック
typescriptreact
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
半日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
ReactTypeScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70