-
Notifications
You must be signed in to change notification settings - Fork 600
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
Adaptive UI Explorer - initial port #6424
Conversation
LayerBackground; | ||
SampleApp; | ||
|
||
const sampleTemplate = html<App>` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this template needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's coming back. Right now the sample page uses Fluent UI, but I want to make that all configurable so it works with anyone's Foundation-base components.
|
||
componentTypeTemplate(): ViewTemplate<App, any> { | ||
// if (this.componentType === ComponentType.sample) { | ||
// return sampleTemplate; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Are these comments needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Goes with the above template.
backplate = "backplate", | ||
text = "text", | ||
form = "form", | ||
// sample = "sample", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Goes with previous comments.
packages/tooling/adaptive-ui-explorer/src/components/adaptive-component.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Approved pending what we talked about in the review today.
d5cb5f4
to
7ac029f
Compare
Initial port of Color Explorer into the new Adaptive UI Explorer component
Pull Request
📖 Description
A new package for the Adaptive UI Explorer. Initially this is a port of the Color Explorer and updated for the latest FAST Element.
The intent is both that this is a place to rapidly iterate on Adaptive UI capabilities as well as a set of components that consumers can use to showcase their own Adaptive UI tokens or values.
It will be updated to support setting all design token values as well as previewing individual combinations, centering more around the effects of the systems than individual components.
👩💻 Reviewer Notes
This is mostly a port from the Color Explorer site, which had some minor cleanup under Fluent UI, and again some updates for the latest FAST Foundation.
✅ Checklist
General
$ yarn change
⏭ Next Steps
Update the Color Explorer site to use this component and republish that site.