Skip to content

react-radio: update labels in examples#22781

Merged
spmonahan merged 1 commit intomicrosoft:masterfrom
spmonahan:radio/example-updates
May 3, 2022
Merged

react-radio: update labels in examples#22781
spmonahan merged 1 commit intomicrosoft:masterfrom
spmonahan:radio/example-updates

Conversation

@spmonahan
Copy link
Contributor

Current Behavior

Radio examples lack clear labels.

New Behavior

Radio example labels are updated to select from a list of fruits. This allows the RadioGroup label examples to be clearer and more realistic than "Option" while still being simple to understand.

Additionally, a new story demonstrating how to mark a group as required has been added.

Related Issue(s)

Fixes #22770

@codesandbox-ci
Copy link

codesandbox-ci bot commented May 3, 2022

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 47a8591:

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

@fabricteam
Copy link
Collaborator

fabricteam commented May 3, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-radio
Radio
23.556 kB
7.898 kB
react-radio
RadioGroup
8.205 kB
3.516 kB
🤖 This report was generated against 837c5ffda3334356cc26dab37e9b095edc5d3da0

@fabricteam
Copy link
Collaborator

fabricteam commented May 3, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1254 1240 5000
Button mount 775 792 5000
FluentProvider mount 2407 2368 5000
FluentProviderWithTheme mount 403 424 10
FluentProviderWithTheme virtual-rerender 333 329 10
FluentProviderWithTheme virtual-rerender-with-unmount 418 442 10
MakeStyles mount 1988 1999 50000

@size-auditor
Copy link

size-auditor bot commented May 3, 2022

Asset size changes

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

Baseline commit: 48dbe4cb1f67a38a4c0a4e0d5282c98741ca16c2 (build)

Copy link
Contributor

@smhigley smhigley left a comment

Choose a reason for hiding this comment

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

one small defaultValue change, but approving anyway to not hold it up

@spmonahan spmonahan force-pushed the radio/example-updates branch from c06b07a to 47a8591 Compare May 3, 2022 15:02
@spmonahan spmonahan merged commit dce35e4 into microsoft:master May 3, 2022
marwan38 pushed a commit to marwan38/fluentui that referenced this pull request Jun 13, 2022
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.

RadioGroup v9: update examples to include group labels, required semantics

5 participants