Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

feat(Divider): add vertical prop #2141

Merged
merged 4 commits into from
Dec 19, 2019
Merged

feat(Divider): add vertical prop #2141

merged 4 commits into from
Dec 19, 2019

Conversation

silviuaavram
Copy link
Collaborator

@silviuaavram silviuaavram commented Dec 3, 2019

Divider should now support the vertical prop which will position the Divider vertically.

Microsoft Reviewers: Open in CodeFlow

@DustyTheBot
Copy link
Collaborator

DustyTheBot commented Dec 3, 2019

Perf comparision

Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
Button.Fluent 1.21 0.13 9.31:1 5000 6043
Checkbox.Fluent 1.34 0.24 5.58:1 5000 6704
Icon.Fluent 0.36 0.03 12:1 5000 1811
Slider.Fluent 1.73 0.25 6.92:1 5000 8674

Generated by 🚫 dangerJS


const DividerVerticalExampleShorthand = () => (
<div style={{ display: 'flex', justifyContent: 'center', height: '32px', alignItems: 'center' }}>
<Divider vertical />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we support vertical Divider with content? Just curious how would it look like

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If this is the case I believe it would complicate the styles in some way, as we will need to "leave space" between the two parts of the divider for the text..

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It wasn't a requirement so far. If it's with content then it changes significantly, as it will be | content | instead of just |. While the horizontal one is still a one liner. Do you think we need to handle this case now or can it be left for when we really need it?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If Teams needs doesn't need this, then it's okay.

@silviuaavram silviuaavram merged commit 8be3175 into master Dec 19, 2019
@silviuaavram silviuaavram deleted the feat/vertical-divider branch December 19, 2019 14:35
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants