forked from mui/material-ui
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'next' of https://github.com/mui/material-ui into fix-sp…
…eedDial-tooltip-mui#41067
- Loading branch information
Showing
206 changed files
with
661 additions
and
8,403 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
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
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
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 |
|---|---|---|
| @@ -1,8 +1,3 @@ | ||
| { | ||
| "extends": "../../tsconfig.json", | ||
| "references": [ | ||
| { | ||
| "path": "../../packages/pigment-css-react" | ||
| } | ||
| ] | ||
| "extends": "../../tsconfig.json" | ||
| } |
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
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
72 changes: 72 additions & 0 deletions
72
apps/pigment-css-next-app/src/app/material-ui/icons/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,72 @@ | ||
| 'use client'; | ||
| import * as React from 'react'; | ||
| import CreateSvgIcon from '../../../../../../docs/data/material/components/icons/CreateSvgIcon'; | ||
| import FontAwesomeIcon from '../../../../../../docs/data/material/components/icons/FontAwesomeIcon'; | ||
| import FontAwesomeIconSize from '../../../../../../docs/data/material/components/icons/FontAwesomeIconSize'; | ||
| import FontAwesomeSvgIconDemo from '../../../../../../docs/data/material/components/icons/FontAwesomeSvgIconDemo'; | ||
| import Icons from '../../../../../../docs/data/material/components/icons/Icons'; | ||
| import SvgIconChildren from '../../../../../../docs/data/material/components/icons/SvgIconChildren'; | ||
| import SvgIconsColor from '../../../../../../docs/data/material/components/icons/SvgIconsColor'; | ||
| import SvgIconsSize from '../../../../../../docs/data/material/components/icons/SvgIconsSize'; | ||
| import SvgMaterialIcons from '../../../../../../docs/data/material/components/icons/SvgMaterialIcons'; | ||
|
|
||
| export default function IconsPage() { | ||
| return ( | ||
| <React.Fragment> | ||
| <section> | ||
| <h2> Create Svg Icon</h2> | ||
| <div className="demo-container"> | ||
| <CreateSvgIcon /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Icon</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeIcon /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Icon Size</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeIconSize /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Svg Icon Demo</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeSvgIconDemo /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Icons</h2> | ||
| <div className="demo-container"> | ||
| <Icons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icon Children</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconChildren /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icons Color</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconsColor /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icons Size</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconsSize /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Material Icons</h2> | ||
| <div className="demo-container"> | ||
| <SvgMaterialIcons /> | ||
| </div> | ||
| </section> | ||
| </React.Fragment> | ||
| ); | ||
| } |
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
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
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
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,73 @@ | ||
| import * as React from 'react'; | ||
| import MaterialUILayout from '../../Layout'; | ||
| import CreateSvgIcon from '../../../../../docs/data/material/components/icons/CreateSvgIcon.tsx'; | ||
| import FontAwesomeIcon from '../../../../../docs/data/material/components/icons/FontAwesomeIcon.tsx'; | ||
| import FontAwesomeIconSize from '../../../../../docs/data/material/components/icons/FontAwesomeIconSize.tsx'; | ||
| import FontAwesomeSvgIconDemo from '../../../../../docs/data/material/components/icons/FontAwesomeSvgIconDemo.tsx'; | ||
| import Icons from '../../../../../docs/data/material/components/icons/Icons.tsx'; | ||
| import SvgIconChildren from '../../../../../docs/data/material/components/icons/SvgIconChildren.tsx'; | ||
| import SvgIconsColor from '../../../../../docs/data/material/components/icons/SvgIconsColor.tsx'; | ||
| import SvgIconsSize from '../../../../../docs/data/material/components/icons/SvgIconsSize.tsx'; | ||
| import SvgMaterialIcons from '../../../../../docs/data/material/components/icons/SvgMaterialIcons.tsx'; | ||
|
|
||
| export default function IconsPage() { | ||
| return ( | ||
| <MaterialUILayout> | ||
| <h1>Icons</h1> | ||
| <section> | ||
| <h2> Create Svg Icon</h2> | ||
| <div className="demo-container"> | ||
| <CreateSvgIcon /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Icon</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeIcon /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Icon Size</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeIconSize /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Font Awesome Svg Icon Demo</h2> | ||
| <div className="demo-container"> | ||
| <FontAwesomeSvgIconDemo /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Icons</h2> | ||
| <div className="demo-container"> | ||
| <Icons /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icon Children</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconChildren /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icons Color</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconsColor /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Icons Size</h2> | ||
| <div className="demo-container"> | ||
| <SvgIconsSize /> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h2> Svg Material Icons</h2> | ||
| <div className="demo-container"> | ||
| <SvgMaterialIcons /> | ||
| </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
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
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
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
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
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 |
|---|---|---|
| @@ -1,4 +1,2 @@ | ||
| <Alert severity="error">This is an error alert — check it out!</Alert> | ||
| <Alert severity="warning">This is a warning alert — check it out!</Alert> | ||
| <Alert severity="info">This is an info alert — check it out!</Alert> | ||
| <Alert severity="success">This is a success alert — check it out!</Alert> |
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,12 @@ | ||
| import * as React from 'react'; | ||
| import Alert from '@mui/material/Alert'; | ||
| import Stack from '@mui/material/Stack'; | ||
|
|
||
| export default function DemoInDocs() { | ||
| return ( | ||
| <Stack sx={{ width: '100%' }} spacing={2}> | ||
| <Alert severity="info">This is an info alert — check it out!</Alert> | ||
| <Alert severity="success">This is a success alert — check it out!</Alert> | ||
| </Stack> | ||
| ); | ||
| } |
2 changes: 2 additions & 0 deletions
2
docs/pages/experiments/docs/DemoInDocsNotEditable.tsx.preview
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,2 @@ | ||
| <Alert severity="info">This is an info alert — check it out!</Alert> | ||
| <Alert severity="success">This is a success alert — check it out!</Alert> |
Oops, something went wrong.