palantir/blueprint

Slider style props support or innerStyle

Open

#4,456 opened on Dec 13, 2020

View on GitHub
 (6 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: coreType: feature requesthelp wanted

Description

Environment

  • Package version(s): 3.22.3
  • Browser and OS versions: Windows 10 WSL

Feature request

Add style props support for Slider component to modify style property on specific element

Examples

<Slider
  style={{ height: "100%" }}
  // OR
  innerStyle={{ height: "100%" }}
/>

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
ReactTypeScriptBlueprint component structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60
Research direction
Review the Slider component source code (likely src/components/slider/slider.tsx) and examine how other Blueprint components implement custom style props (e.g., Button, InputGroup). Check if there are existing patterns for innerStyle or passing style to sub elements. Also read the 6 comments on the issue for any guidance or rejected alternatives. Consider implementing a `style` prop that applies to the root element or an `innerStyle` prop for the slider track.