Skip to content

chore(react-card): add design templates to stories#23841

Merged
theerebuss merged 13 commits into
microsoft:masterfrom
theerebuss:card-templates
Jul 15, 2022
Merged

chore(react-card): add design templates to stories#23841
theerebuss merged 13 commits into
microsoft:masterfrom
theerebuss:card-templates

Conversation

@theerebuss

@theerebuss theerebuss commented Jul 8, 2022

Copy link
Copy Markdown
Contributor

Current Behavior

Only stories with property demonstration exist.

New Behavior

Added all the finished design templates to showcase the usage of Card and provide examples for the users.

Also done in this PR, changing of the imports in the stories to use the correct packages.

card templates showcasing the work in this PR

Related Issue(s)

#19336

@fabricteam

fabricteam commented Jul 8, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-card
Card - All
66.431 kB
19.01 kB
react-card
Card
62.113 kB
17.911 kB
react-card
CardFooter
8.461 kB
3.555 kB
react-card
CardHeader
9.504 kB
3.896 kB
react-card
CardPreview
8.562 kB
3.61 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.057 kB
52.092 kB
react-components
react-components: FluentProvider & webLightTheme
31.883 kB
10.516 kB
🤖 This report was generated against fa5de11bf3c34c8f195580734eaf0fc829cc1996

@codesandbox-ci

codesandbox-ci Bot commented Jul 8, 2022

Copy link
Copy Markdown

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4e3b190:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam

fabricteam commented Jul 8, 2022

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 1263 1291 5000
Button mount 881 885 5000
FluentProvider mount 1572 1545 5000
FluentProviderWithTheme mount 552 550 10
FluentProviderWithTheme virtual-rerender 530 531 10
FluentProviderWithTheme virtual-rerender-with-unmount 567 560 10
MakeStyles mount 1991 1957 50000
SpinButton mount 2412 2394 5000

@size-auditor

size-auditor Bot commented Jul 8, 2022

Copy link
Copy Markdown

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: fa5de11bf3c34c8f195580734eaf0fc829cc1996 (build)

@theerebuss theerebuss added the Status: Blocked Resolution blocked by another issue label Jul 8, 2022
@theerebuss theerebuss marked this pull request as draft July 8, 2022 17:17
@theerebuss theerebuss mentioned this pull request Jul 8, 2022
37 tasks
@tudorpopams tudorpopams requested a review from Hotell July 14, 2022 12:19
Comment thread packages/react-components/react-card/src/stories/Card/CardTemplates.stories.tsx Outdated
@theerebuss

Copy link
Copy Markdown
Contributor Author

/azp run

@azure-pipelines

Copy link
Copy Markdown
Azure Pipelines successfully started running 3 pipeline(s).

@theerebuss

Copy link
Copy Markdown
Contributor Author

/azp run

@azure-pipelines

Copy link
Copy Markdown
Azure Pipelines successfully started running 3 pipeline(s).

@theerebuss theerebuss merged commit 640408c into microsoft:master Jul 15, 2022
@theerebuss theerebuss deleted the card-templates branch July 15, 2022 07:49
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.

3 participants