Skip to content

docs(docs-site): add motion components page #32437

Merged
mainframev merged 15 commits into
microsoft:masterfrom
mainframev:docs/extend-dialog-storybook-examples
Sep 29, 2024
Merged

docs(docs-site): add motion components page #32437
mainframev merged 15 commits into
microsoft:masterfrom
mainframev:docs/extend-dialog-storybook-examples

Conversation

@mainframev

@mainframev mainframev commented Sep 2, 2024

Copy link
Copy Markdown
Contributor

Adding additional pages to react-motion with motion slot examples. Added hideArgsTable docs parameter to hide ArgsTable block.

Previous Behavior

New Behavior

Added motion components page and links to related components.

Related Issue(s)

@fabricteam

fabricteam commented Sep 2, 2024

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

✅ No changes found

@mainframev
mainframev force-pushed the docs/extend-dialog-storybook-examples branch 2 times, most recently from 7685621 to 136bbac Compare September 2, 2024 22:23
@mainframev
mainframev marked this pull request as ready for review September 2, 2024 22:23
@mainframev
mainframev requested a review from a team as a code owner September 2, 2024 22:23
@mainframev
mainframev requested a review from a team September 2, 2024 22:24
@mainframev
mainframev force-pushed the docs/extend-dialog-storybook-examples branch from 136bbac to c92e778 Compare September 3, 2024 09:17

@layershifter layershifter left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

See #32411 (comment).

IMO adding examples for the same concept across components - does not scale 🥲

We should have a shared documentation page that explains how customize/disable motion (see docs for positioning) and link to it components that are using it.

@mainframev

Copy link
Copy Markdown
Contributor Author

See #32411 (comment).

IMO adding examples for the same concept across components - does not scale 🥲

We should have a shared documentation page that explains how customize/disable motion (see docs for positioning) and link to it components that are using it.

@layershifter makes sense. Should I create a separate request for it or can do within current? wdyt?

@layershifter

Copy link
Copy Markdown
Member

@layershifter makes sense. Should I create a separate request for it or can do within current? wdyt?

Up to you 🐱

@mainframev
mainframev force-pushed the docs/extend-dialog-storybook-examples branch from c92e778 to 922d6ee Compare September 6, 2024 19:32
@mainframev
mainframev requested review from a team and marcosmoura as code owners September 6, 2024 19:32
@mainframev mainframev changed the title docs(react-dialog): extend storybook examples with motion stories docs(docs-site): add motion components page Sep 6, 2024
@fabricteam

fabricteam commented Sep 6, 2024

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 635 646 5000
Button mount 306 310 5000
Field mount 1139 1170 5000
FluentProvider mount 723 713 5000
FluentProviderWithTheme mount 77 88 10
FluentProviderWithTheme virtual-rerender 33 36 10
FluentProviderWithTheme virtual-rerender-with-unmount 79 77 10
MakeStyles mount 857 878 50000
Persona mount 1773 1688 5000
SpinButton mount 1436 1354 5000
SwatchPicker mount 1690 1694 5000

Comment thread apps/public-docsite-v9/src/Concepts/Motion/CustomMotion.stories.tsx
@mainframev
mainframev marked this pull request as draft September 6, 2024 19:50
@mainframev
mainframev marked this pull request as ready for review September 17, 2024 09:43
Comment thread apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx Outdated

@Hotell Hotell left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

comments from previous review haven't been addressed

Comment thread apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx Outdated

@Hotell Hotell left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

approving to unblock, although please dont forget to:

  • please address actionable comments
  • regarding the conversion to pure MDX, this will be tackled as a follow up

Comment thread change/@fluentui-react-drawer-5d3bdcc4-6781-480e-9d49-f441ee95112e.json Outdated
Comment thread change/@fluentui-react-dialog-8ba14dae-2316-4b9a-b2f6-eb0d73be7cf3.json Outdated
Comment thread apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx Outdated
Comment thread apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx Outdated
Comment thread apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx Outdated
@mainframev
mainframev merged commit 7ef0d02 into microsoft:master Sep 29, 2024
mltejera pushed a commit to mltejera/office-ui-fabric-react that referenced this pull request Oct 3, 2024
Co-authored-by: viktorgenaev <viktorgenaev@microsoft.com>
Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
Co-authored-by: Martin Hochel <hochelmartin@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Dialog stories do not include an example for customizing (or disabling) motion

4 participants