Components
MediaController
Media controller buttons are used to let users control playback of podcasts, audio books, videos and other multimedia.
codeExamples
guidelines
The playback buttons are used to control the playback of content such as audiobooks, podcasts, videos, or timelines.
code
<PlayPauseButton />
import { PlayPauseButton } from "@vygruppen/spor-react";
Shows whether content is playing or not.
Props
Name | Type | Required? | Description |
|---|---|---|---|
aria-label | string | ||
disabled | boolean | ||
onClick | function | ||
playing | boolean | Default false. Whether to show a play or pause button. | |
size | "sm" | "lg" | Default "sm" |
<SkipButton />
import { SkipButton } from "@vygruppen/spor-react";
Skips between media, chapters or other things
Props
Name | Type | Required? | Description |
|---|---|---|---|
aria-label | string | ||
direction | "backward" | "forward" | Default "backward". Show arrow pointing to the left or right. | |
disabled | boolean | ||
onClick | function | ||
size | "sm" | "lg" | Default "sm" |
<JumpButton />
import { JumpButton } from "@vygruppen/spor-react";
Jump 15 seconds back or forward
Props
Name | Type | Required? | Description |
|---|---|---|---|
aria-label | string | ||
direction | "backward" | "forward" | Default "backward". Show arrow pointing to the left or right. | |
disabled | boolean | ||
onClick | function | ||
size | "sm" | "lg" | Default "sm" |