zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: move videojs CSS imports to top in React snippets (#818)

Browse Source
This commit is contained in:
rahim
2026-03-10 02:02:33 -07:00
committed by GitHub
parent bdd4afba0c
commit 4c37c2bc9b
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/content/docs/concepts/_architecture.mdx
+2 -1
View File
@@ -74,9 +74,10 @@ Here's a complete example showing all three tiers:
<FrameworkCase frameworks={["react"]}>
```tsx
import { VideoProvider, FrostedSkin, Video } from '@videojs/react-preview';
import '@videojs/react-preview/skins/frosted.css';
import { VideoProvider, FrostedSkin, Video } from '@videojs/react-preview';
function Player() {
return (
// Tier 1: State Management
site/src/content/docs/concepts/_skins.mdx
+4 -2
View File
@@ -32,9 +32,10 @@ A modern, glassy design with backdrop blur effects and polished interactions.
<FrameworkCase frameworks={["react"]}>
```tsx
import '@videojs/react/video/skin.css';
import { createPlayer, Poster } from '@videojs/react';
import { VideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/skin.css';
const Player = createPlayer({ features: videoFeatures });
@@ -70,9 +71,10 @@ A clean, straightforward design that focuses on simplicity and clarity.
<FrameworkCase frameworks={["react"]}>
```tsx
import '@videojs/react/video/minimal-skin.css';
import { createPlayer, Poster } from '@videojs/react';
import { MinimalVideoSkin, Video, videoFeatures } from '@videojs/react/video';
import '@videojs/react/video/minimal-skin.css';
const Player = createPlayer({ features: videoFeatures });