vuetifyjs/vuetify

[Feature Request] v-slider tick-labels above and below the slider

Open

#14,569 opened on 2022年1月5日

GitHub で見る
 (3 comments) (0 reactions) (0 assignees)TypeScript (7,139 forks)batch import
C: VSliderT: featuregood first issue

Repository metrics

Stars
 (40,995 stars)
PR merge metrics
 (平均マージ 59d 10h) (30d で 8 merged PRs)

説明

Problem to solve

The use case for this feature is to be able to display two bits of pertinent information to the user regarding each tick mark. We would like to display a label on top, and a label underneath (only position available currently) the slider. Similar functionality exists in an angular slider library, see here.

Proposed solution

Be able to display two different values above and below the slider.

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

調査方針
VSlider コンポーネントの現在の目盛りラベルレンダリングを調査します。おそらく packages/vuetify/src/components/VSlider にあります。'tick labels' プロパティが現在どのように機能しているかを理解し、上部と下部の両方のラベルをサポートするように修正します。二重目盛りラベルの例については、angular slider/ngx slider ライブラリを参照してください。後方互換性を確保し、既存のテストが合格するようにしてください。
技術スタック
vuetypescript
領域
frontend
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
VueTypeScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70