microsoft-graph-toolkit icon indicating copy to clipboard operation
microsoft-graph-toolkit copied to clipboard

Styling should allow more options than just CSS variables

Open sebastienlevert opened this issue 2 years ago • 2 comments

This is a work in progress and open for discussion

Proposal: Styling a MGT component should allow more flexibility than just CSS variables

Description

Styling is a big topic for MGT and we should have a better story for developers. Developers like our CSS variables but it's sometimes limiting. Developers would prefer to have a greater control over their styling, especially because of the "challenges" created by the Shadow DOM.

Rationale

Preferred Solution

This is still a work in progress, but here are a couple of areas we think we could explorer :

  • CSS Shadow Parts (Still under public draft, so might be too early)
  • More CSS variables
  • etc...

sebastienlevert avatar Dec 17 '21 20:12 sebastienlevert

Hello sebastienlevert, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

msftbot[bot] avatar Dec 17 '21 20:12 msftbot[bot]

Browser support for ::part() is pretty good now, https://caniuse.com/?search=%3A%3Apart , and probably the best way we have outside of more CSS variables.

gavinbarron avatar Aug 24 '22 16:08 gavinbarron

It would be a great way to offer customization!

sebastienlevert avatar Sep 28 '22 15:09 sebastienlevert