Skip to content
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

Jump to bottom

docs: Move ExampleVideo to MDXComponents #6145

Merged
merged 2 commits into from
Jul 1, 2024
Merged

docs: Move ExampleVideo to MDXComponents #6145

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c03f984
Remove imports of ExampleVideo
patrycjakalinska Jun 20, 2024
d480362
Add ExampleVideo to MDX Components
patrycjakalinska Jun 20, 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
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/accordion.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ An accordion allows to show and hide a piece of content with a smooth animation.

import Accordion from '@site/static/examples/Accordion';
import AccordionSrc from '!!raw-loader!@site/static/examples/Accordion';
import ExampleVideo from '@site/src/components/ExampleVideo';

<InteractiveExample src={AccordionSrc} component={Accordion} />

Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/bottom-sheet.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ Bottom sheets are surfaces containing supplementary content, anchored to the bot

import BottomSheet from '@site/static/examples/BottomSheet';
import BottomSheetSrc from '!!raw-loader!@site/static/examples/BottomSheet';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

<InteractiveExample src={BottomSheetSrc} component={BottomSheet} />
Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/flip-card.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ Flip card allows you to display different content depending on whether the card

import FlipCard from '@site/static/examples/FlipCard';
import FlipCardSrc from '!!raw-loader!@site/static/examples/FlipCard';
import ExampleVideo from '@site/src/components/ExampleVideo';

<InteractiveExample src={FlipCardSrc} component={FlipCard} />

Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/floating-action-button.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ Floating Action Button provides user with easy-accessible panel with primary or

import FloatingActionButton from '@site/static/examples/FloatingActionButton';
import FloatingActionButtonSrc from '!!raw-loader!@site/static/examples/FloatingActionButton';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

<InteractiveExample src={FloatingActionButtonSrc} component={FloatingActionButton} />
Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/marquee.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ A marquee is an element used to display scrolling content horizontally within a

import Marquee from '@site/static/examples/Marquee';
import MarqueeSrc from '!!raw-loader!@site/static/examples/Marquee';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

<InteractiveExample src={MarqueeSrc} component={Marquee} />
Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/section-list.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ title: Section List

import SectionList from '@site/static/examples/SectionList';
import SectionListSrc from '!!raw-loader!@site/static/examples/SectionList';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

Section lists allow you to organize long lists of content by dividing them with headings.
Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/slider.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ Slider allows users to adjust a value or control a setting by sliding a handle a

import Slider from '@site/static/examples/Slider';
import SliderSrc from '!!raw-loader!@site/static/examples/Slider';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

<InteractiveExample src={SliderSrc} component={Slider} />
Expand Down
1 change: 0 additions & 1 deletion packages/docs-reanimated/blog/switch.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ A switch element is a user interface component that allows users to toggle betwe

import Switch from '@site/static/examples/Switch';
import SwitchSrc from '!!raw-loader!@site/static/examples/Switch';
import ExampleVideo from '@site/src/components/ExampleVideo';
import CollapsibleCode from '@site/src/components/CollapsibleCode';

<InteractiveExample src={SwitchSrc} component={Switch} />
Expand Down
2 changes: 2 additions & 0 deletions packages/docs-reanimated/src/theme/MDXComponents.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import MDXComponents from '@theme-original/MDXComponents';
import InteractiveExample from '@site/src/components/InteractiveExample';
import InteractivePlayground from '@site/src/components/InteractivePlayground';
import CollapsibleCode from '@site/src/components/CollapsibleCode';
import ExampleVideo from '@site/src/components/ExampleVideo';
import { Yes, No, Version, Spacer } from '@site/src/components/Compatibility';
import Optional from '@site/src/components/Optional';
import Indent from '@site/src/components/Indent';
Expand All @@ -18,6 +19,7 @@ export default {
InteractiveExample,
InteractivePlayground,
CollapsibleCode,
ExampleVideo,
Yes,
No,
Version,
Expand Down
Loading