question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Proposal: New subtle icon button style

See original GitHub issue

Proposal: Create new subtle icon button style

Summary

The new Microsoft Store created a new style for subtle icon buttons. It would be great if this style was included in winui 2 library so other apps can use it. Here’s a gif of the subtle icon button style in the new Microsoft Store. subtle

Rationale

  • This style is great for scenarios when devs just want to show an icon without any button border around it

Scope

Capability Priority
Developers can use this style using StaticResource SubtleIconButtonStyle Must

Important Notes

Because I’m on the store engineering team, I’d be happy to create the PR for this and bring our style over to WinUI. If this sounds good with the WinUI team, just let me know and I’ll make the PR asap.

Open Questions

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:9
  • Comments:10 (8 by maintainers)

github_iconTop GitHub Comments

3reactions
niels9001commented, Aug 19, 2021

@dpaulino +1 for this idea! Would be really useful to have.

3reactions
robloocommented, Aug 19, 2021

+1

I have my own style for doing basically the same exact thing (called ClearButtonStyle on my end). It would be great to pull this into the framework itself as it’s one less style to keep synced.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Buttons | Apple Developer Documentation
In general, a button combines three attributes to clearly communicate its function: Style. A visual style based on size, color, and shape.
Read more >
160 CSS Buttons Design Inspiration Ξ ...
There are a huge variety of button designs out there, from material design to ghost buttons. In this roundup, we have collected some...
Read more >
Creating a Design System - Icon Buttons (with Component ...
We'll cover how to set up your icon library, how to create and style your buttons, and how to use component props to...
Read more >
17 Best Practices for Crazy-Effective Call-To-Action Buttons
In this post, we discuss 17 call-to-action button best practices to help you get a higher CTR and more conversions out of your...
Read more >
40 Beautiful [Free!] Social Media Icon Sets For Your Website
1. Iconmonstr · 2. Iconfinder · 3. Iconscout · 4. Social media flat icon pack · 5. 45 subtle social media icons ·...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found