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

Replicate WinUI3 Gallery's design guidance sections and rebuild in JS as appropriate #437

Open
Tracked by #405
chrisglein opened this issue May 1, 2024 · 0 comments
Labels
enhancement New feature or request

Comments

@chrisglein
Copy link
Member

chrisglein commented May 1, 2024

From #405

image

The design guidance section of WinUI 3's gallery is super interesting. It's a great place to get the brush names for building pages and controls. It's very Fluent, by design. Having coverage for how to navigate that as an RNW app would be helpful.

Accessibility

The most useful section would be Accessibility. It covers screen readers, keyboard support, and has a color contrast checker (which is redundant if we just point folks to Accessibility Insights). "How do I make my RNW accessible?" is a topic we can and should cover in Gallery.

Typography

This page could be replicated... but we don't have the Style types that folks can copy. It'd just be design guidance. Unless we incorporate #425 and it has styles we can guide people with.

Iconography

There isn't an intrinsic FontIcon type like there is in XAML. But you can get good usage out of the icon font without having that simple wrapper. This page would more be a glyph finder, in app instead of here: https://learn.microsoft.com/en-us/windows/apps/design/style/segoe-ui-symbol-font

Colors

This is a very useful page for finding brush colors, because XAML's brush naming patterns are not always obvious. What I think it means for an RNW app is "How do I effectively use PlatformColor?"

@chrisglein chrisglein added the enhancement New feature or request label May 1, 2024
@chrisglein chrisglein changed the title Copy over design guidance sections and rebuild in JS as appropriate Replicate WinUI3 Gallery's design guidance sections and rebuild in JS as appropriate May 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant