Media List Component

This page demonstrates the MediaList component, which can be used to display a collection of media items such as playlists or videos. The component supports different variants and selectable options.

Grid Variant (Selectable)

The grid variant displays items in a responsive grid layout. It's suitable for displaying a collection of media items where visual representation is important.

3:45

Sample Media 1

3:45

4:30

Sample Media 2

4:30

5:15

Sample Media 3

5:15

6:00

Sample Media 4

6:00

Selected items:

Horizontal Variant (Selectable)

The horizontal variant displays items in a scrollable horizontal list. It's ideal for showcasing featured or related items in a compact space.

3:45

Sample Media 1

Last updated: 2023-09-01

SplitUse

4:30

Sample Media 2

Last updated: 2023-09-02

SplitUse

5:15

Sample Media 3

Last updated: 2023-09-03

SplitUse

6:00

Sample Media 4

Last updated: 2023-09-04

SplitUse

Selected items:

Demo Variant

The demo variant is designed for showcasing demo videos or playlists. It typically includes additional metadata and action buttons.