componentes
youtube video player
O YouTubeVideoPlayer pode ser utilizado para renderizar videos do YouTube
índice
demo interativa
Uma versão de interativa do componente desenvolvido.
Utilizando o componente sem um children
propriedades*
| property | description | required | default value | type |
|---|---|---|---|---|
children | ReactNode para renderizar na tela | false | null | ReactNode |
videoId | Id do vídeo do YouTube | true | undefined | string |
thumbOption | Opções de Thumbnails | false | 'hqdefault' | 1023hqdefaultmqdefaultsddefaultmaxresdefault |
onOpen | Função executada após a abertura do modal | true | () => {} | () => void |
onClose | Função executada após o fechamento do modal | true | () => {} | () => void |
options | Opções em forma de objeto, dentre as oferecidas pelo YouTube | false | {} | OptionsProps |
title | Título do video | true | '' | string |
*valores gerados automaticamente.
o que enviar no options
O options é um objeto que pode conter as propriedades listadas nesta documentação.
Migração do Ui-commons para Olist Design System
Propriedades
| Ui-commons | Olist Design System |
|---|---|
| children | children |
| videoId | videoId |
| thumbOption | thumbOption |
| onOpen | onOpen |
| onClose | onClose |
| options | options |
| title | title |