Skip to content

[Slider][material-ui] Convert to support CSS extraction #41201

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
mnajdova merged 16 commits into from
Mar 13, 2024
Merged

[Slider][material-ui] Convert to support CSS extraction #41201

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
a28f3f0
wip
mnajdova Feb 20, 2024
c5a4f39
fixes & prettier
mnajdova Feb 20, 2024
0735564
Merge branch 'master' into slider/convert-to-zero-runtime
mnajdova Feb 20, 2024
918d664
linst issues
mnajdova Feb 21, 2024
b21f6c2
remove next app changes
mnajdova Mar 8, 2024
63132ec
Merge branch 'master' into slider/convert-to-zero-runtime
mnajdova Mar 8, 2024
8c1e8f3
update the component & generate pages
mnajdova Mar 8, 2024
09b328a
revert unnecessary changes
mnajdova Mar 8, 2024
8f43a72
more changes
mnajdova Mar 8, 2024
103f604
avoid imports from @mui/system/createStyled
mnajdova Mar 8, 2024
73c8bb2
extract rootShouldForwardProp in a separate file too
mnajdova Mar 8, 2024
90048b1
prettier
mnajdova Mar 8, 2024
ac77274
add missing imports
mnajdova Mar 8, 2024
b385978
convert to ts files
mnajdova Mar 13, 2024
c87cebe
Merge branch 'master' into slider/convert-to-zero-runtime
mnajdova Mar 13, 2024
739f777
regenerate pages
mnajdova Mar 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
142 changes: 142 additions & 0 deletions apps/pigment-css-next-app/src/app/material-ui/react-slider/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
'use client';
import * as React from 'react';
import ColorSlider from '../../../../../../docs/data/material/components/slider/ColorSlider';
import ContinuousSlider from '../../../../../../docs/data/material/components/slider/ContinuousSlider';
import CustomMarks from '../../../../../../docs/data/material/components/slider/CustomMarks';
import CustomizedSlider from '../../../../../../docs/data/material/components/slider/CustomizedSlider';
import DiscreteSlider from '../../../../../../docs/data/material/components/slider/DiscreteSlider';
import DiscreteSliderLabel from '../../../../../../docs/data/material/components/slider/DiscreteSliderLabel';
import DiscreteSliderMarks from '../../../../../../docs/data/material/components/slider/DiscreteSliderMarks';
import DiscreteSliderSteps from '../../../../../../docs/data/material/components/slider/DiscreteSliderSteps';
import DiscreteSliderValues from '../../../../../../docs/data/material/components/slider/DiscreteSliderValues';
import InputSlider from '../../../../../../docs/data/material/components/slider/InputSlider';
import MinimumDistanceSlider from '../../../../../../docs/data/material/components/slider/MinimumDistanceSlider';
import MusicPlayerSlider from '../../../../../../docs/data/material/components/slider/MusicPlayerSlider';
import NonLinearSlider from '../../../../../../docs/data/material/components/slider/NonLinearSlider';
import RangeSlider from '../../../../../../docs/data/material/components/slider/RangeSlider';
import SliderSizes from '../../../../../../docs/data/material/components/slider/SliderSizes';
import TrackFalseSlider from '../../../../../../docs/data/material/components/slider/TrackFalseSlider';
import TrackInvertedSlider from '../../../../../../docs/data/material/components/slider/TrackInvertedSlider';
import VerticalAccessibleSlider from '../../../../../../docs/data/material/components/slider/VerticalAccessibleSlider';
import VerticalSlider from '../../../../../../docs/data/material/components/slider/VerticalSlider';

export default function Slider() {
return (
<React.Fragment>
<section>
<h2> Color Slider</h2>
<div className="demo-container">
<ColorSlider />
</div>
</section>
<section>
<h2> Continuous Slider</h2>
<div className="demo-container">
<ContinuousSlider />
</div>
</section>
<section>
<h2> Custom Marks</h2>
<div className="demo-container">
<CustomMarks />
</div>
</section>
<section>
<h2> Customized Slider</h2>
<div className="demo-container">
<CustomizedSlider />
</div>
</section>
<section>
<h2> Discrete Slider</h2>
<div className="demo-container">
<DiscreteSlider />
</div>
</section>
<section>
<h2> Discrete Slider Label</h2>
<div className="demo-container">
<DiscreteSliderLabel />
</div>
</section>
<section>
<h2> Discrete Slider Marks</h2>
<div className="demo-container">
<DiscreteSliderMarks />
</div>
</section>
<section>
<h2> Discrete Slider Steps</h2>
<div className="demo-container">
<DiscreteSliderSteps />
</div>
</section>
<section>
<h2> Discrete Slider Values</h2>
<div className="demo-container">
<DiscreteSliderValues />
</div>
</section>
<section>
<h2> Input Slider</h2>
<div className="demo-container">
<InputSlider />
</div>
</section>
<section>
<h2> Minimum Distance Slider</h2>
<div className="demo-container">
<MinimumDistanceSlider />
</div>
</section>
<section>
<h2> Music Player Slider</h2>
<div className="demo-container">
<MusicPlayerSlider />
</div>
</section>
<section>
<h2> Non Linear Slider</h2>
<div className="demo-container">
<NonLinearSlider />
</div>
</section>
<section>
<h2> Range Slider</h2>
<div className="demo-container">
<RangeSlider />
</div>
</section>
<section>
<h2> Slider Sizes</h2>
<div className="demo-container">
<SliderSizes />
</div>
</section>
<section>
<h2> Track False Slider</h2>
<div className="demo-container">
<TrackFalseSlider />
</div>
</section>
<section>
<h2> Track Inverted Slider</h2>
<div className="demo-container">
<TrackInvertedSlider />
</div>
</section>
<section>
<h2> Vertical Accessible Slider</h2>
<div className="demo-container">
<VerticalAccessibleSlider />
</div>
</section>
<section>
<h2> Vertical Slider</h2>
<div className="demo-container">
<VerticalSlider />
</div>
</section>
</React.Fragment>
);
}
100 changes: 0 additions & 100 deletions apps/pigment-css-next-app/src/app/slider/page.tsx
View file
Open in desktop

This file was deleted.

Loading