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
Addressing PR feedback for SearchBox and VerticalDivider examples #12563
Conversation
…ix/example-updates # Conflicts: # packages/office-ui-fabric-react/src/components/Divider/examples/VerticalDivider.Custom.Example.tsx # packages/office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.CustomIcon.Example.tsx # packages/office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Disabled.Example.tsx # packages/office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.FullSize.Example.tsx # packages/office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Small.Example.tsx # packages/office-ui-fabric-react/src/components/SearchBox/examples/SearchBox.Underlined.Example.tsx
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: 18799a4d2fc3364e3323bfb9d80b55894e641369 (build) |
Perf AnalysisNo significant results to display. All results
Perf Analysis (Fluent)Potential regressions comparing to master
Perf comparison
Perf tests with no regressions
|
🎉 Handy links: |
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.
Thanks for doing this! A couple more things (plus the file comment below):
At least going forward, please include a React.FunctionComponent
type declaration for each example, e.g.:
export const VerticalDividerCustomExample: React.FunctionComponent = () => {
And see this comment #12519 (comment)
onChange={() => console.log('onChange called')} | ||
/> | ||
<Stack tokens={stackTokens}> | ||
<SearchBox placeholder="Search" onSearch={newValue => console.log('value is ' + newValue)} /> |
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.
This should go in a constant at the top of the file too (and then you can remove the tslint-disable):
const onSearch = newValue => console.log('value is ' + newValue)
…crosoft#12563) * Examples update * Change files * Simplified SearchBox return statement and brackets * Snapshot update for VerticalDividerBasicExample * Optimizing SearchBox and VerticalDivider examples component render * Change files * Deleting extra change file. * Change files * Added change file
Pull request checklist
$ yarn change
Description of changes
Addressing feedback from #12519
SearchBox
.VerticalDivider
to be called outside of component.Focus areas to test
The example pages for
SearchBox
andVerticalDivider
.Microsoft Reviewers: Open in CodeFlow