UI-Kit

UI-Kit — это легкий и гибкий набор компонентов для быстрой разработки интерфейсов в МГАВМиБ им. К.И.Скрябина. Пакет включает готовые стили.

Содержание

• Установка
• Использование
• Компоненты
• Лицензия

Установка

Чтобы установить UI-Kit, используйте npm:

npm install ui-kit

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

1. Подключение css:

   <link rel="stylesheet" href="./node_modules/ui-kit/dist/styles.css">

2. Подключение JavaScript (если нужны интерактивные компоненты):

   <script src="./node_modules/ui-kit/dist/index.js"></script>

Компоненты

1. Кнопка Простая кнопка с красивым дизайном.

   <button class="event-button">Кнопка</button>

2. Выделенные

   <p><span class="greeny">Lorem</span>ipsum dolor sit amet, consectetur adipisicing elit. Magnam perferendis ea perspiciatis corporis, commodi minus sint vero a. Quaerat natus sequi porro praesentium. Dicta illo, neque dolor molestias expedita odit.</p>

   <p><span class="gr-bottom">Lorem</span>ipsum dolor sit amet, consectetur adipisicing elit. Magnam perferendis ea perspiciatis corporis, commodi minus sint vero a. Quaerat natus sequi porro praesentium. Dicta illo, neque dolor molestias expedita odit.</p>

3. Боковые ссылки:

   <div class="ul-aside-wrapper">
       <ul class="ul-aside-links">
           <li class="ul-aside-li">
               <a href="./">Что-то</a>
           </li>
           <li class="ul-aside-li">
               <a href="./">Что-то</a>
           </li>
           <li class="ul-aside-li">
               <a href="./">Что-то</a>
           </li>
       </ul>
   </div>

Автор

• Владимир Выборнов - https://github.com/Lirgat