Skip to content
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

feat(toggle-button-group): removed columns and changed ul layout #2199

Merged
merged 4 commits into from
Jun 26, 2024

Conversation

agliga
Copy link
Contributor

@agliga agliga commented Jun 24, 2024

Description

  • Removed columns.
  • Changed structure to match skin
  • Added tests

References

#2194

@agliga agliga self-assigned this Jun 24, 2024
Copy link

changeset-bot bot commented Jun 24, 2024

🦋 Changeset detected

Latest commit: 23c24e5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@ebay/ebayui-core Major

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link
Contributor

@ArtBlue ArtBlue left a comment

Choose a reason for hiding this comment

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

Looks good overall, but some stuff needs fixing.

Copy link
Contributor

@ArtBlue ArtBlue left a comment

Choose a reason for hiding this comment

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

Nice! A couple of minor things. In general, we don't want to "advertise" the override exceptions too much because out of the box the responsive rules should be sufficient for most cases.

Copy link
Contributor

@ArtBlue ArtBlue left a comment

Choose a reason for hiding this comment

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

Much better. A couple of last things.

@@ -4,7 +4,7 @@ $ const titles = ["Option 1", "Option 2", "Option 3"];
<ebay-button onClick("clearSelection")>
Copy link
Contributor

Choose a reason for hiding this comment

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

I just noticed this. What's this for? Is it needed? Looks odd.

image

Copy link
Contributor Author

@agliga agliga Jun 25, 2024

Choose a reason for hiding this comment

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

This was there earlier
Will leave it in. This is good for devs to see

@@ -0,0 +1,26 @@
<ebay-toggle-button-group columnsSM=3 columnsXS=2 columnsMD=6 columnsXL=8 ...input>
Copy link
Contributor

Choose a reason for hiding this comment

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

Do we need columns and controlled? Aren't they the same thing?

Maybe we can combine them into a single one, titled "Exception Cases" or "Preferred Columns?"

Copy link
Member

Choose a reason for hiding this comment

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

Controlled is an important code example for devs who want to hold state in the parent instead of letting our component do it, but it may not be necessary to have in storybook

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Will leave it. There's no other way for devs to know how to use columns

@@ -0,0 +1,26 @@
<ebay-toggle-button-group columnsSM=3 columnsXS=2 columnsMD=6 columnsXL=8 ...input>
Copy link
Contributor

Choose a reason for hiding this comment

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

The default state of this example that has columns defined (see markup) doesn't match the options underneath that are all null. That might be confusing to devs.

image

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yes
This is fine. This is because we are setting it explicitly on the code
See show code button
We need an example with it set by default.

@LuLaValva LuLaValva merged commit 80f7185 into 14.0.0 Jun 26, 2024
4 checks passed
@LuLaValva LuLaValva deleted the toggle-btn branch June 26, 2024 14:35
This was referenced Jun 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants