browk-ui-kit v0.6.2

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

Установка пакета

npm install browk-ui-kit

Подключение в React

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

import { applyPolyfills, defineCustomElements } from 'browk-ui-kit/loader';
import 'browk-ui-kit/dist/browk-ui-kit.css';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

applyPolyfills().then(() => {
  defineCustomElements();
});

Подключение с помощью тега script

Разместить тег script,

<script
  type="module"
  src="https://unpkg.com/browk-ui-kit@0.0.1/dist/browk-ui-kit/browk-ui-kit.esm.js"
></script>
<link
  rel="stylesheet"
  href="https://unpkg.com/browk-ui-kit@0.0.1/dist/browk-ui-kit/browk-ui-kit.css"
/>

в заголовке вашего index.html - тогда вы можете использовать элемент в любом месте вашего шаблона, JSX, html и т. д. Если необходимо иметь всегда актуальную версию пакета, необходимо заменить 0.0.1 на latest

Примечание

Для использования компонентов на проекте необходимо подключить тему

<bwk-theme>
  <bwk-text size="l">Текст</bwk-text>
</bwk-theme>