Skip to content

Commit 59b27b6

Browse files
authoredSep 13, 2019
Add the details of parts
Fixes #7
1 parent 31c1cb1 commit 59b27b6

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed
 

‎README.md

+6-1
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,12 @@ There are two approaches. We have not decided yet. ([Issue #15](https://github.c
131131
TODO: an easy flag to enable platform-dependent appearance ([Issue #6](https://github.com/tkent-google/std-switch/issues/6))
132132
When the flag is enabled, ```std-switch``` element is styled as UISwitch on iOS, [Material Design switch](https://material.io/design/components/selection-controls.html#switches) on Android, [Fluent design toggle switch](https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/toggles) on Windows.
133133

134-
TODO: Full customization. Shadow parts? CSS custom properties? ([Issue #7](https://github.com/tkent-google/std-switch/issues/7))
134+
The element provides full customization capability by [CSS Shadow Parts](https://www.w3.org/TR/css-shadow-parts-1/).
135+
A ```<std-switch>``` contains three parts, `track`, `track-fill`, and `thumb`. `track` and `thumb` are siblings, and `track-fill` is a child of `track`.
136+
137+
<img alt="Part structure" src=part-structure.svg width=460>
138+
139+
(See [Issue #7](https://github.com/tkent-google/std-switch/issues/7))
135140

136141

137142
## Security and Privacy Considerations

0 commit comments

Comments
 (0)
Please sign in to comment.