Figma

AudioPlayer

import { AudioPlayer } from '@megafon/ui-shared';

Базовое использование

<AudioPlayer audioTitle="Пример разговора" audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3' />

Позиционирование

По левому краю

<AudioPlayer position="left" audioTitle="Пример разговора" audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3' />

По центру

<AudioPlayer position="center" audioTitle="Пример разговора" audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3' />

По правому краю

<AudioPlayer position="right" audioTitle="Пример разговора" audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3' />

Растягивание на всю ширину контейнера

<AudioPlayer isFullWidth audioTitle="Пример разговора" audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3' />

Использование компонента с заголовком и текстом в конструкторе

<Container>
  <TitleDescriptionBox title="Пример работы виртуального секретаря" />
  <AudioPlayer
      audioTitle="Продажи по телефону"
      audioSrc='https://moscow.megafon.ru/download/~federal/lp/agent_eva/eva_zvonok_iz_ozona.mp3'
      position="left"
  />
  <TextBox>
      <Paragraph>
          Для абонентов большинства архивных&nbsp;
          <Link href="https://megafon.ru">тарифов </Link>
          в Республике Крым и г. Севастополь действуют особые условия.
      </Paragraph>
  </TextBox>
</Container>