/kipr-widget

React JavaScript widget for Kipr projects

Primary LanguageJavaScriptMIT LicenseMIT

Виджет поиска

Внешний вид

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

npm install
webpack -p --config webpack.config.production.js

В папке dist создастся файл bundle.js

На странице использования виджета разместить код:

<div class="awesome-widget"></div> <!-- Дефолтный скин (синий) -->
или
<div class="awesome-widget awesome-widget--theme-gold"></div> <!-- Дополнительный скин (жёлтый) -->

<script src="bundle.js"></script>

Виджет можно использовать на странице неоднократно. Виджет адаптивный (резиновый) — занимает 100% ширины родителя. Из коробки только 2 скина. Но можно написать и свои.

Разработка

npm install
npm start
open http://localhost:3000

Под капотом: