[switch] Update explainer to reflect resolution in #1282#1376
Open
gfellerph wants to merge 2 commits intoopenui:mainfrom
Open
[switch] Update explainer to reflect resolution in #1282#1376gfellerph wants to merge 2 commits intoopenui:mainfrom
gfellerph wants to merge 2 commits intoopenui:mainfrom
Conversation
With the resolution to support the switch attribute proposal, several changes have been introduced to this explainer: - Moved to non-active proposals in the navigation - Updated introductory paragraph with reasoning for the new resolution - Cleaned up Features, Styleability and Accessibility sections and removed switch element references as well as obsolete content - Added a table of contents, author and last updated field - Multiple small fixes like typos and clarifications
gfellerph
requested review from
gregwhitworth,
keithamus,
lukewarlow and
mfreed7
as code owners
Slightly opinionated style update for content sections. - Updates header margins to allow for more space between the previous paragraph and the new section to visually distinguish content that belongs together - Updates bullet and ordered list styles to place the bullet outside and left align multi-line content on the same line
lukewarlow
reviewed
Feb 20, 2026
| </td> | ||
| <td> | ||
| ```css | ||
| input[switch]::track { |
Collaborator
There was a problem hiding this comment.
Suggested change
| input[switch]::slider-track { |
lukewarlow
reviewed
Feb 20, 2026
| </td> | ||
| <td> | ||
| ```css | ||
| input[switch]::thumb { |
Collaborator
There was a problem hiding this comment.
Suggested change
| input[switch]::slider-thumb { |
lukewarlow
reviewed
Feb 20, 2026
Comment on lines
228
to
233
| input[switch]::before { | ||
| content: 'ON'; | ||
| } | ||
| input[switch]:lang(de)::before { | ||
| content: 'AN'; | ||
| } |
Collaborator
There was a problem hiding this comment.
Suggested change
| input[switch]::slider-track { | |
| content: 'ON'; | |
| } | |
| input[switch]:lang(de)::slider-track { | |
| content: 'AN'; | |
| } |
presumably this? Though perhaps actually ::slider-fill because that's what will render on top of the track when the switch is on?
lukewarlow
reviewed
Feb 20, 2026
| ``` | ||
|
|
||
| ```css | ||
| input[switch]::before { |
Collaborator
There was a problem hiding this comment.
Again wrong pseudo probably
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
With the resolution to support the switch attribute proposal, several changes have been introduced to this explainer:
Preview: https://deploy-preview-1376--open-ui.netlify.app/components/switch.explainer/