Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
VideoGrid element with placeholder elements
import React from 'react';
import './VideoGrid.scss';
import {VideoGridHeader} from "./VideoGridHeader/VideoGridHeader";
import {Divider} from "semantic-ui-react";
import {VideoPreview} from '../VideoPreview/VideoPreview';
export function VideoGrid(props) {
const divider = props.hideDivider ? null : <Divider/>;
return (
<React.Fragment>
<h4>Trending</h4>
<div className='video-grid'>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
<VideoPreview/>
</div>
{divider}
</React.Fragment>
);
}
.video-grid {
display: flex;
flex-wrap: wrap;
& > * {
margin-left: 4px;
margin-bottom: 24px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.