-
-
Notifications
You must be signed in to change notification settings - Fork 31.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge remote-tracking branch 'upstream/next' into migrate-material-to-v2
- Loading branch information
Showing
111 changed files
with
1,456 additions
and
902 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
79 changes: 79 additions & 0 deletions
79
apps/pigment-css-next-app/src/app/material-ui/react-radio-button/page.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,79 @@ | ||
| 'use client'; | ||
| import * as React from 'react'; | ||
| import ColorRadioButtons from '../../../../../../docs/data/material/components/radio-buttons/ColorRadioButtons'; | ||
| import ControlledRadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup'; | ||
| import CustomizedRadios from '../../../../../../docs/data/material/components/radio-buttons/CustomizedRadios'; | ||
| import ErrorRadios from '../../../../../../docs/data/material/components/radio-buttons/ErrorRadios'; | ||
| import FormControlLabelPlacement from '../../../../../../docs/data/material/components/radio-buttons/FormControlLabelPlacement'; | ||
| import RadioButtonsComponent from '../../../../../../docs/data/material/components/radio-buttons/RadioButtons'; | ||
| import RadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/RadioButtonsGroup'; | ||
| import RowRadioButtonsGroup from '../../../../../../docs/data/material/components/radio-buttons/RowRadioButtonsGroup'; | ||
| import SizeRadioButtons from '../../../../../../docs/data/material/components/radio-buttons/SizeRadioButtons'; | ||
| import UseRadioGroup from '../../../../../../docs/data/material/components/radio-buttons/UseRadioGroup'; | ||
|
|
||
| export default function RadioButtons() { | ||
| return ( | ||
| <React.Fragment> | ||
| <section> | ||
| <h2> Color Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <ColorRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Controlled Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <ControlledRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Customized Radios</h2> | ||
| <div className="demo-container"> | ||
| <CustomizedRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Error Radios</h2> | ||
| <div className="demo-container"> | ||
| <ErrorRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Form Control Label Placement</h2> | ||
| <div className="demo-container"> | ||
| <FormControlLabelPlacement /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsComponent /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Row Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RowRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Size Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <SizeRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Use Radio Group</h2> | ||
| <div className="demo-container"> | ||
| <UseRadioGroup /> | ||
| </div> | ||
| </section> | ||
| </React.Fragment> | ||
| ); | ||
| } |
80 changes: 80 additions & 0 deletions
80
apps/pigment-css-vite-app/src/pages/material-ui/react-radio-button.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,80 @@ | ||
| import * as React from 'react'; | ||
| import MaterialUILayout from '../../Layout'; | ||
| import ColorRadioButtons from '../../../../../docs/data/material/components/radio-buttons/ColorRadioButtons.tsx'; | ||
| import ControlledRadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/ControlledRadioButtonsGroup.tsx'; | ||
| import CustomizedRadios from '../../../../../docs/data/material/components/radio-buttons/CustomizedRadios.tsx'; | ||
| import ErrorRadios from '../../../../../docs/data/material/components/radio-buttons/ErrorRadios.tsx'; | ||
| import FormControlLabelPlacement from '../../../../../docs/data/material/components/radio-buttons/FormControlLabelPlacement.tsx'; | ||
| import RadioButtonsComponent from '../../../../../docs/data/material/components/radio-buttons/RadioButtons.tsx'; | ||
| import RadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/RadioButtonsGroup.tsx'; | ||
| import RowRadioButtonsGroup from '../../../../../docs/data/material/components/radio-buttons/RowRadioButtonsGroup.tsx'; | ||
| import SizeRadioButtons from '../../../../../docs/data/material/components/radio-buttons/SizeRadioButtons.tsx'; | ||
| import UseRadioGroup from '../../../../../docs/data/material/components/radio-buttons/UseRadioGroup.tsx'; | ||
|
|
||
| export default function RadioButtons() { | ||
| return ( | ||
| <MaterialUILayout> | ||
| <h1>RadioButtons</h1> | ||
| <section> | ||
| <h2> Color Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <ColorRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Controlled Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <ControlledRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Customized Radios</h2> | ||
| <div className="demo-container"> | ||
| <CustomizedRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Error Radios</h2> | ||
| <div className="demo-container"> | ||
| <ErrorRadios /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Form Control Label Placement</h2> | ||
| <div className="demo-container"> | ||
| <FormControlLabelPlacement /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsComponent /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Row Radio Buttons Group</h2> | ||
| <div className="demo-container"> | ||
| <RowRadioButtonsGroup /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Size Radio Buttons</h2> | ||
| <div className="demo-container"> | ||
| <SizeRadioButtons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Use Radio Group</h2> | ||
| <div className="demo-container"> | ||
| <UseRadioGroup /> | ||
| </div> | ||
| </section> | ||
| </MaterialUILayout> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.