@megalabs/ml-button-circle-icon v0.0.9

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

Для установки пакета

• npm i @megalabs/ml-button-circle-icon
• затем в папке @megalabs/ml-button-circle-icon запускаем npm install
• npm start