icator: indicator instanceof NativeStyle.StyleItem implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset, implicitContentWidth + leftPadding + rightPadding) implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset, implicitContentHeight + topPadding + bottomPadding, implicitIndicatorHeight + topPadding + bottomPadding) spacing: nativeIndicator ? 0 : 6 padding: nativeIndicator ? 0 : 6 indicator: NativeStyle.CheckBox { control: control y: control.topPadding + (control.availableHeight - height) >> 1 contentWidth: contentItem.implicitWidth contentHeight: contentItem.implicitHeight useNinePatchImage: false overrideState: NativeStyle.StyleItem.NeverHovered } NativeStyle.CheckBox { id: hoverCheckBox control: control x: indicator.x y: indicator.y z: 99 // Needs to be above the "unhovered" indicator width: indicator.width height: indicator.height useNinePatchImage: false overrideState: NativeStyle.StyleItem.AlwaysHovered opacity: control.hovered ? 1 : 0 visible: opacity !== 0 Behavior on opacity { NumberAnimation { duration: hoverCheckBox.transitionDuration } } } contentItem: CheckLabel { text: control.text font: control.font color: control.palette.windowText // For some reason, the other styles set padding here (in the delegate), instead of in // the control above. And they also adjust the indicator position by setting x and y // explicitly (instead of using insets). So we follow the same pattern to ensure that // setting a custom contentItem delegate from the app will end up looking the same for // all styles. But this should probably be fixed for all styles (to make them work the // same way as e.g Buttons). leftPadding: { if (nativeIndicator) indicator.contentPadding.left else indicator && !mirrored ? indicator.width + spacing : 0 } topPadding: nativeIndicator ? indicator.contentPadding.top : 0 rightPadding: { if (nativeIndicator) indicator.contentPadding.right else indicator && mirrored ? indicator.width + spacing : 0 } } }