-
Notifications
You must be signed in to change notification settings - Fork 734
Fix/segmented control icon spacings #3096
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
@@ -112,7 +112,7 @@ const Segment = React.memo((props: SegmentProps) => { | |||
onLayout?.(index, event); | |||
}, | |||
[onLayout, index]); | |||
|
|||
const labelAndIconSpacings = !!iconSource && (iconOnRight ? styles.rightMargin : styles.leftMargin); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think you should rename it since the Spacing is going to the Text component.
labelMargins
or something like that WDYT ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hmm, I dont see much difference. Yours is shorter so we can use that.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left a small comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Approved
Description
Added spacing between icon and label in the
SegmentedControl
segments.Changelog
SegmentedControl - Added S1 spacings between icon and label.
Additional info
MADS-4239