Skip to content

Commit 98cfd84

Browse files
mehdibhamehdibha
committed
feat: video thumbnails
1 parent 9bb5592 commit 98cfd84

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

88 files changed

+341
-156
lines changed

‎content/components/core/accordion.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Accordion
33
description: A vertically stacked set of interactive headings that each reveal a section of content.
4-
video: /previews/components/core/accordion.mp4
4+
thumbnail:
5+
image: /previews/components/core/accordion.jpeg
6+
video: /previews/components/core/accordion.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/accordion" className="min-h-[270px]" />

‎content/components/core/alert-dialog.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Alert Dialog
33
description: A modal dialog that interrupts the user with important content and expects a response.
4-
video: /previews/components/core/alert-dialog.mp4
4+
thumbnail:
5+
image: /previews/components/core/alert-dialog.jpeg
6+
video: /previews/components/core/alert-dialog.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/alert-dialog" />

‎content/components/core/alert.mdx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Alert
33
description: Displays a callout for user attention.
4-
thumbnail: /previews/components/core/alert.png
4+
thumbnail:
5+
image: /previews/components/core/alert.png
56
---
67

78
<ComponentPreview name="demos/components/core/alert" className="max-w-md" />

‎content/components/core/aspect-ratio.mdx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Aspect Ratio
33
description: Displays content within a desired ratio.
4-
thumbnail: /previews/components/core/aspect-ratio.png
4+
thumbnail:
5+
image: /previews/components/core/aspect-ratio.png
56
---
67

78
<ComponentPreview name="demos/components/core/aspect-ratio" />

‎content/components/core/avatar.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Avatar
33
description: An image element with a fallback for representing the user.
4-
video: /previews/components/core/avatar.mp4
4+
thumbnail:
5+
image: /previews/components/core/avatar.jpeg
6+
video: /previews/components/core/avatar.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/avatar" />

‎content/components/core/badge.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Badge
33
description: Displays a badge or a component that looks like a badge.
4-
video: /previews/components/core/badge.mp4
4+
thumbnail:
5+
image: /previews/components/core/badge.jpeg
6+
video: /previews/components/core/badge.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/badge" />

‎content/components/core/button.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Button
33
description: Displays a button or a component that looks like a button.
4-
video: /previews/components/core/button.mp4
4+
thumbnail:
5+
image: /previews/components/core/button.jpeg
6+
video: /previews/components/core/button.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/button" />

‎content/components/core/calendar.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Calendar
33
description: A date field component that allows users to enter and edit date.
4-
video: /previews/components/core/calendar.mp4
4+
thumbnail:
5+
image: /previews/components/core/calendar.jpeg
6+
video: /previews/components/core/calendar.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/calendar" />

‎content/components/core/card.mdx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Card
33
description: Displays a card with header, content, and footer.
4-
thumbnail: /previews/components/core/card.png
4+
thumbnail:
5+
image: /previews/components/core/card.png
56
---
67

78
<ComponentPreview name="demos/components/core/card" />

‎content/components/core/carousel.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Carousel
33
description: A carousel with motion and swipe built using Embla.
4-
video: /previews/components/core/carousel.mp4
4+
thumbnail:
5+
image: /previews/components/core/carousel.jpeg
6+
video: /previews/components/core/carousel.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/carousel" />

‎content/components/core/checkbox.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Checkbox
33
description: A control that allows the user to toggle between checked and not checked.
4-
video: /previews/components/core/checkbox.mp4
4+
thumbnail:
5+
image: /previews/components/core/checkbox.jpeg
6+
video: /previews/components/core/checkbox.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/checkbox" />

‎content/components/core/collapsible.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Collapsible
33
description: An interactive component which expands/collapses a panel.
4-
video: /previews/components/core/collapsible.mp4
4+
thumbnail:
5+
image: /previews/components/core/collapsible.jpeg
6+
video: /previews/components/core/collapsible.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/collapsible" className="min-h-[200px]" />

‎content/components/core/combobox.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Combobox
33
description: Autocomplete input and command palette with a list of suggestions.
4-
video: /previews/components/core/combobox.mp4
4+
thumbnail:
5+
image: /previews/components/core/combobox.jpeg
6+
video: /previews/components/core/combobox.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/combobox" />

‎content/components/core/command.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Command
33
description: Fast, composable, unstyled command menu for React.
4-
video: /previews/components/core/command.mp4
4+
thumbnail:
5+
image: /previews/components/core/command.jpeg
6+
video: /previews/components/core/command.mp4
57
---
68

79
<ComponentPreview

‎content/components/core/context-menu.mdx

+7-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,15 @@
11
---
22
title: Context Menu
33
description: Displays a menu to the user — such as a set of actions or functions — triggered by a button.
4-
video: /previews/components/core/context-menu.mp4
4+
thumbnail:
5+
image: /previews/components/core/context-menu.jpeg
6+
video: /previews/components/core/context-menu.mp4
57
---
68

7-
<ComponentPreview name="demos/components/core/context-menu" className="min-h-[350px] items-start"/>
9+
<ComponentPreview
10+
name="demos/components/core/context-menu"
11+
className="min-h-[350px] items-start"
12+
/>
813

914
## Installation
1015

‎content/components/core/data-table.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Data Table
33
description: Powerful table and datagrids built using TanStack Table.
4-
video: /previews/components/core/data-table.mp4
4+
thumbnail:
5+
image: /previews/components/core/data-table.jpeg
6+
video: /previews/components/core/data-table.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/data-table" />

‎content/components/core/date-picker.mdx

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
22
title: Date Picker
33
description: A date picker component with range and presets.
4-
video: /previews/components/core/date-picker.mp4
4+
thumbnail:
5+
image: /previews/components/core/date-picker.jpeg
6+
video: /previews/components/core/date-picker.mp4
57
---
68

7-
<ComponentPreview
8-
name="demos/components/core/date-picker"
9-
/>
9+
<ComponentPreview name="demos/components/core/date-picker" />
1010

1111
## Installation
1212

‎content/components/core/dialog.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Dialog
33
description: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
4-
video: /previews/components/core/dialog.mp4
4+
thumbnail:
5+
image: /previews/components/core/dialog.jpeg
6+
video: /previews/components/core/dialog.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/dialog" />

‎content/components/core/drawer.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Drawer
33
description: A drawer component for React.
4-
video: /previews/components/core/drawer.mp4
4+
thumbnail:
5+
image: /previews/components/core/drawer.jpeg
6+
video: /previews/components/core/drawer.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/drawer" className="min-h-[400px]" />

‎content/components/core/dropdown-menu.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Dropdown Menu
33
description: Displays a menu to the user — such as a set of actions or functions — triggered by a button.
4-
video: /previews/components/core/dropdown-menu.mp4
4+
thumbnail:
5+
image: /previews/components/core/dropdown-menu.jpeg
6+
video: /previews/components/core/dropdown-menu.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/dropdown-menu" />

‎content/components/core/hover-card.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Hover Card
33
description: For sighted users to preview content available behind a link.
4-
video: /previews/components/core/hover-card.mp4
4+
thumbnail:
5+
image: /previews/components/core/hover-card.jpeg
6+
video: /previews/components/core/hover-card.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/hover-card" className="min-h-[350px]" />

‎content/components/core/input.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Input
33
description: Displays a form input field or a component that looks like an input field.
4-
video: /previews/components/core/input.mp4
4+
thumbnail:
5+
image: /previews/components/core/input.jpeg
6+
video: /previews/components/core/input.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/input" className="max-w-sm" />

‎content/components/core/label.mdx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Label
33
description: Renders an accessible label associated with controls.
4-
thumbnail: /previews/components/core/label.png
4+
thumbnail:
5+
image: /previews/components/core/label.png
56
---
67

78
<ComponentPreview name="demos/components/core/label" />

‎content/components/core/menu-bar.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Menubar
33
description: A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
4-
video: /previews/components/core/menu-bar.mp4
4+
thumbnail:
5+
image: /previews/components/core/menu-bar.jpeg
6+
video: /previews/components/core/menu-bar.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/menu-bar" />

‎content/components/core/navigation-menu.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Navigation Menu
33
description: A collection of links for navigating websites.
4-
video: /previews/components/core/navigation-menu.mp4
4+
thumbnail:
5+
image: /previews/components/core/navigation-menu.jpeg
6+
video: /previews/components/core/navigation-menu.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/navigation-menu" />

‎content/components/core/pagination.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Pagination
33
description: Pagination with page navigation, next and previous links.
4-
video: /previews/components/core/pagination.mp4
4+
thumbnail:
5+
image: /previews/components/core/pagination.jpeg
6+
video: /previews/components/core/pagination.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/pagination" />

‎content/components/core/popover.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Popover
33
description: Displays rich content in a portal, triggered by a button.
4-
video: /previews/components/core/popover.mp4
4+
thumbnail:
5+
image: /previews/components/core/popover.jpeg
6+
video: /previews/components/core/popover.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/popover" />

‎content/components/core/progress.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Progress
33
description: Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
4-
video: /previews/components/core/progress.mp4
4+
thumbnail:
5+
image: /previews/components/core/progress.jpeg
6+
video: /previews/components/core/progress.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/progress" className="w-full" />

‎content/components/core/radio-group.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Radio Group
33
description: A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
4-
video: /previews/components/core/radio-group.mp4
4+
thumbnail:
5+
image: /previews/components/core/radio-group.jpeg
6+
video: /previews/components/core/radio-group.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/radio-group" />

‎content/components/core/resizable.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Resizable
33
description: Accessible resizable panel groups and layouts with keyboard support.
4-
video: /previews/components/core/resizable.mp4
4+
thumbnail:
5+
image: /previews/components/core/resizable.jpeg
6+
video: /previews/components/core/resizable.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/resizable" />

‎content/components/core/scroll-area.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Scroll-area
33
description: Augments native scroll functionality for custom, cross-browser styling.
4-
video: /previews/components/core/scroll-area.mp4
4+
thumbnail:
5+
image: /previews/components/core/scroll-area.jpeg
6+
video: /previews/components/core/scroll-area.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/scroll-area" />

‎content/components/core/select.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Select
33
description: Displays a list of options for the user to pick from—triggered by a button.
4-
video: /previews/components/core/select.mp4
4+
thumbnail:
5+
image: /previews/components/core/select.jpeg
6+
video: /previews/components/core/select.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/select" />

‎content/components/core/separator.mdx

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Separator
33
description: Visually or semantically separates content.
4-
thumbnail: /previews/components/core/separator.png
4+
thumbnail:
5+
image: /previews/components/core/separator.png
56
---
67

78
<ComponentPreview name="demos/components/core/seperator" />

‎content/components/core/sheet.mdx

-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
22
title: Sheet
33
description: Extends the Dialog component to display content that complements the main content of the screen.
4-
video: /previews/components/core/sheet.mp4
54
---
65

76
<ComponentPreview name="demos/components/core/sheet" />

‎content/components/core/skeleton.mdx

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
---
22
title: Skeleton
33
description: Use to show a placeholder while content is loading.
4-
video: /previews/components/core/skeleton.mp4
4+
thumbnail:
5+
image: /previews/components/core/skeleton.jpeg
6+
video: /previews/components/core/skeleton.mp4
57
---
68

79
<ComponentPreview name="demos/components/core/skeleton" />

0 commit comments

Comments
 (0)