Десктопная версия
Мобильная версия
Десктопная версия
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History-Web-Example-1024x825.png)
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History-Web-01@2x--1024x609.png)
Текстовые стили:
— дата — Caption черный;
— название провайдера — Body M 500 (Normal) черный;
— комментарий/примечание — Body S 300 (Normal) серый;
— сумма — Body L 500 (Normal) и Success L 500 (Normal);
— кнопка показать еще — Link M 500 (Normal).
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History-Web-03@2x-1024x480.png)
Тень наведенного элемента — тень уровня Z 4.
Другие составляющие:
— логотип провайдера 48×48px;
— Simple button в размере Normal;
— стандартный разделитель.
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History-Web-02@2x-1024x394.png)
Внутри компонента может размещаться комментарий к переводу в виде маленького баббла.
Мобильная версия
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History_Mobile_Example-1003x1024.png)
Текстовые стили:
— дата — Caption черный;
— название провайдера — Body M 500 (Normal) черный;
— комментарий/примечание — Body S 300 (Normal) серый;
— сумма — Body M 500 (Normal) и Success M 500 (Normal);
— кнопка показать еще — Link M 500 (Normal).
![](https://qiwiguide.ru/wp-content/uploads/2019/06/History_Mobile_01@2x-1024x790.png)