Button_Circle_Icon
Используется для скачивания файлов с сайта
Для активного состояния
<a href="#" class="ml-button-circle-icon">
<span class="ml-button-circle-icon__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">
<g fill="#333" fill-rule="nonzero">
<path d="M7 18v9h18v-9h-2v7H9v-7z"></path>
<path d="M18.29 16.51l-1.32 1.55.07-11.05-2-.02L14.97 18l-1.26-1.49-1.42 1.41L15.37 21h1.26l3.08-3.08z"></path>
</g>
</svg>
</span>
<span class="ml-button-circle-icon__text">
<span class="ml-button-circle-icon__title">Document_name</span>
<span class="ml-button-circle-icon__subtitle">Document_size КБ</span>
</span>
</a>
Для неактивного состояния
<a href="#" class="ml-button-circle-icon is-disabled">
<span class="ml-button-circle-icon__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32">
<path fill="#333" d="M7 16.0045h2v6.9965h14v-6.9965h2V25H7v-8.9955zm9.97.4955l1.32-1.9848 1.42 1.4093-3.08 3.0785h-1.26l-3.08-3.0785 1.42-1.4093L14.97 16.5 15.04 5l2 .02-.07 11.48z"></path>
</svg>
</span>
<span class="ml-button-circle-icon__text">
<span class="ml-button-circle-icon__title">Document_name</span>
<span class="ml-button-circle-icon__subtitle">Document_size КБ</span>
</span>
</a>
Расширенные настройки
класс is-disabled отключает кнопку
npm репозиторий - [https://www.npmjs.com/package/@megalabs/ml-button-circle-icon] (https://www.npmjs.com/package/@megalabs/ml-button-circle-icon)
Для установки пакета
- npm i @megalabs/ml-button-circle-icon
- затем в папке @megalabs/ml-button-circle-icon запускаем npm install
- npm start