The TalkGridCell component is specially crafted to showcase talks, including a thumbnail, title, description, and a link to view the talk.
import React from 'react';
import { TalkGridCell } from '~/ui/components/Home';
export default function App() {
return (
<TalkGridCell
title="Innovative Tech"
event="Tech Conference 2021"
description="Discussing the future of technology."
videoId="dQw4w9WgXcQ"
/>
);
}
| Name | Type | Default | Description |
|---|---|---|---|
| title | string | undefined | Title of the talk |
| event | string | undefined | Event where the talk was given |
| description | string | undefined | Brief description of the talk |
| videoId | string | undefined | YouTube video ID for the talk |
| thumbnail | string | undefined | URL for the talk's thumbnail image |
| link | string | undefined | Custom link to the talk |
| className | string | undefined | Additional CSS classes for styling |
| sm | number | 6 | Columns span on small screens |
| md | number | 6 | Columns span on medium screens |
| lg | number | 6 | Columns span on large screens |
| xl | number | 3 | Columns span on extra large screens |