|
1 | 1 | import "./App.css";
|
2 | 2 | import { DemoComp } from "./example/demoComp.tsx";
|
3 |
| -import { CustomScroll } from "./customScroll.tsx"; |
4 | 3 |
|
5 | 4 | export const App = () => {
|
6 | 5 | return (
|
7 |
| - <CustomScroll> |
8 |
| - <div data-testid="app-root" className="app-root"> |
9 |
| - <div className="demo-title">React-Custom-Scroll Demo page</div> |
10 |
| - <div className="demo-subtitle"> |
11 |
| - react-custom-scroll lets you design unique scrollbars without |
12 |
| - compromising on performance. It preserves the browser's native |
13 |
| - scrolling mechanism, ensuring a smooth, familiar user experience. Its |
14 |
| - hover design means no content is obscured, offering a consistent look |
15 |
| - across browsers and operating systems. |
16 |
| - </div> |
17 |
| - <DemoComp demoType="compare-with-native" descriptionSide="left" /> |
18 |
| - <DemoComp demoType="crazy-designer" descriptionSide="right" /> |
19 |
| - <DemoComp demoType="dynamic-content" descriptionSide="left" /> |
20 |
| - <DemoComp demoType="allow-outer-scroll" descriptionSide="right" /> |
21 |
| - <DemoComp demoType="flex" descriptionSide="left" /> |
| 6 | + <div data-testid="app-root" className="app-root"> |
| 7 | + <div className="demo-title">React-Custom-Scroll Demo page</div> |
| 8 | + <div className="demo-subtitle"> |
| 9 | + react-custom-scroll lets you design unique scrollbars without |
| 10 | + compromising on performance. It preserves the browser's native scrolling |
| 11 | + mechanism, ensuring a smooth, familiar user experience. Its hover design |
| 12 | + means no content is obscured, offering a consistent look across browsers |
| 13 | + and operating systems. |
22 | 14 | </div>
|
23 |
| - </CustomScroll> |
| 15 | + <DemoComp demoType="compare-with-native" descriptionSide="left" /> |
| 16 | + <DemoComp demoType="crazy-designer" descriptionSide="right" /> |
| 17 | + <DemoComp demoType="dynamic-content" descriptionSide="left" /> |
| 18 | + <DemoComp demoType="allow-outer-scroll" descriptionSide="right" /> |
| 19 | + <DemoComp demoType="flex" descriptionSide="left" /> |
| 20 | + </div> |
24 | 21 | );
|
25 | 22 | };
|
0 commit comments