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(components): adding fill to toggled on icon button #2144

Merged
merged 3 commits into from
Apr 12, 2024

Conversation

owilliams320
Copy link
Collaborator

@owilliams320 owilliams320 commented Apr 12, 2024

Description

Setting icon toggle button to be "filled" when toggled on

What's included?

  • icon filled when selected
  • adding icon toggle to app shell story

Test Steps

  • npm run storybook
  • then navigate to the icon toggle button story
  • finally click the icon toggle on/off to observe fill change

General Tests for Every PR

  • npm run start still works.
  • npm run lint passes.
  • npm run stylelint passes.
  • npm test passes and code coverage is not lower.
  • npm run build still works.
Screenshots or link to StackBlitz/Plunker
Screen.Recording.2024-04-12.at.9.49.37.AM.mov

adamnel
adamnel previously approved these changes Apr 12, 2024
@adamnel
Copy link
Collaborator

adamnel commented Apr 12, 2024

Fill toggling looks good. We made a modification to the toggled state vs default material to leave a highlight effect behind it when active, which is missing here though:

image

adamnel
adamnel previously approved these changes Apr 12, 2024
@owilliams320 owilliams320 merged commit f1dee1c into main Apr 12, 2024
7 checks passed
@owilliams320 owilliams320 deleted the feat/icon-toggle-fill branch April 12, 2024 15:02
@owilliams320
Copy link
Collaborator Author

🎉 This PR is included in version 8.10.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants