palantir/blueprint

Intent for Switch element

Open

#3,233 opened on Dec 13, 2018

View on GitHub
 (1 comment) (3 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Domain: designP2Package: coreType: feature requesthelp wanted

Description

Feature request

Allow intent coloring for the Switch element, useful for switches that should be alarming (or, for intent-success, reassuring) when they're checked

Examples

image becomes (with pt-intent-warning applied): image

Contributor guide

Tech stack
typescriptreactcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
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.
clear
Prerequisites
ReactTypeScriptCSSBlueprint intent system
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
The contributor should explore how intent is applied to other Blueprint components like Button or InputGroup. Look at the Switch component source code (likely in src/components/switch/switch.tsx) to understand the current class name structure. Then extend the component to accept an intent prop and map it to the appropriate CSS class (e.g., pt intent warning). The corresponding CSS changes should be added to the Switch stylesheet. There are no recent maintainer comments, so the implementation should follow the existing pattern in the codebase.