palantir/blueprint

Progress bar with multiple elements

Open

#4,490 建立於 2021年1月20日

在 GitHub 查看
 (3 留言) (0 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: coreType: feature requesthelp wanted

描述

Environment

  • Package version(s): core 3.37
  • Browser and OS versions: Safari 14, macOS BigSur

Feature request

Either extend the current progress bar or create a "MultiProgressBar" component that allows setting multiple elements in different colors/intents that are stacked on top of each other.

Examples

alt

I made this for a project that mostly uses blueprint and thought it would be nice to have in blueprint too.

I am willing to write the code for this but would need some guidance on how to structure it (adjust ProgressBar or make MultiProgressBar, prop structure etc)

貢獻者指南

技術棧
typescriptreactcss
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
ReactTypeScriptBlueprint ProgressBar component
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
Start by examining the existing ProgressBar component in Blueprint to understand its current API and implementation. Look at the referenced react multi progress package for inspiration on prop structure and multi segment behavior. Check the issue comments for any maintainer guidance on whether to extend ProgressBar or create a separate MultiProgressBar component.
Progress bar with multiple elements · palantir/blueprint#4490 | Good First Issue