Page cover

Track Display

Realiza sincronia entre Streaming de música e o produto


Uso

Track display permita visibilidade do o que está tocando em streaming e disponibiliza controles de ação a partir do o que está tocando


Anatomia

❖. Container

  • Inicialmente em modo colapsado, pode expandir para mostrar mas opções de controles da música

1. Thumbnail

  • Recebe a capa da música que está tocando no streaming

  • É obrigatório receber uma imagem

  • Em caso de não receber a imagem da música via sistema, mostra a foto do artista

2. Labels

  • Tanto o campo de nome da música, quanto o campo de nome do artista, recebem obrigatoriamente a informação indicada.

3. Ver letra

  • Esse controle permite que o usuário vá para a tela de letra referente a música que está tocando

4. "Ver mais controles"

  • Essa opção permite que o componente expanda e mostre mais controles direcionados a música

5. Ações de consumo

  • Esses são os demais controles referentes a música que o componente disponibiliza

  • Caso uma música não tenha significado por exemplo, a opção ficará desabilitada


Use Cases


Histórico de Atualizações

Figma
Gitbook
Android
iOS
Web

29/10/2024

29/10/2024

--/--/----

--/--/----

Atualizações por data

Outubro 2024

29/10/2024

  • Criação e documentação do componente

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuição — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo para todo o time.

Atualizado