Skip to content

Commit fa2101f

Browse files
committed
docs(range): add section on dual knob parts
1 parent da35911 commit fa2101f

1 file changed

Lines changed: 2 additions & 0 deletions

File tree

docs/api/range.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,8 @@ import CSSProps from '@site/static/usage/v8/range/theming/css-properties/index.m
124124

125125
Range includes [CSS Shadow Parts](#css-shadow-parts) to allow complete customization of specific element nodes within the Range component. CSS Shadow Parts offer the most customization capabilities and are the recommended approach when requiring advance styling with the Range component.
126126

127+
Range exposes additional Shadow Parts that allow styling each knob independently when `dualKnobs` is enabled. These parts are available in two forms: **static identity parts** (`A` and `B`) and **dynamic position parts** (`lower` and `upper`). The A and B parts always refer to the same physical knobs, even if the knobs cross over each other. In contrast, the lower and upper parts reflect the current value position, meaning they swap automatically if the knobs cross. This provides flexibility to style knobs either by consistent identity or by their relative value within the range.
128+
127129
import CSSParts from '@site/static/usage/v8/range/theming/css-shadow-parts/index.md';
128130

129131
<CSSParts />

0 commit comments

Comments
 (0)