VideoPreview
A preview of a video.
This is a video preview that links to a video page. The video does not start playing when clicked.
Props
A VideoPreview component has the following properties:
| Prop | Required | Description |
|---|---|---|
value | yes | Type Video (video from a content collection). |
level | yes | Heading level for the title for accessibility. |
showDescription | no | Set to false to hide the description. |
class | no | Additional Tailwind classes. |
Examples
With description
Without description
Flexbox example
Imagine a long, deliberately over-explained description that keeps going long enough to demonstrate how the video preview handles dense copy, wrapping, spacing, and line clamping when the text becomes far more verbose than a normal summary, including extra detail about branching workflows, workspace switching, parallel feature development, clean checkouts, reduced context loss, and the general joy of not having to stash changes every time you want to jump between branches.
Discover Git worktrees in VS Code: work on multiple branches simultaneously without stashing, create clean workspaces, and boost your productivity.