How to use the uikit.use function in uikit

To help you get started, we’ve selected a few uikit examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github nuxt / nuxt.js / examples / uikit / plugins / uikit.js View on Github external
import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'

// loads the Icon plugin
UIkit.use(Icons)
github Scharkee / react-redux-passport-uikit-express-boiler / src / client / index.js View on Github external
import React from "react";
import ReactDOM from "react-dom";
import Main from "./components/layout/Layout";

//import "uikit/dist/js/uikit-core.min.js";
import "uikit/dist/css/uikit.min.css";

import UIkit from "uikit";
import icons from "uikit/dist/js/uikit-icons";
window.UIkit = UIkit;
// loads the icon plugin
UIkit.use(icons);

ReactDOM.render(<Main />, document.getElementById("root"));
github cerebro-iiitv / cerebro-web / src / index.js View on Github external
import { unregister as unregisterServiceWorker } from './registerServiceWorker';
import { getState, getStore } from './store';
import 'uikit/dist/css/uikit.min.css';
import './css/index.css';
// Components
import Root from './components';
import Header from './components/header';
import Footer from './components/footer';
import About from './components/about';
import Dashboard from './components/dashboard';
import Event from './components/event';
import Timeline from './components/timeline';

// UIKit
UIKit.use(Icons);

// Firebase
firebase.initializeApp({
	apiKey: 'AIzaSyB22-DZ_PvhTJsA-PPf8Vs--fmcCixL-YQ',
	authDomain: 'cerebro-2018-f1052.firebaseapp.com',
	databaseURL: 'https://cerebro-2018-f1052.firebaseio.com',
	projectId: 'cerebro-2018-f1052',
	storageBucket: 'cerebro-2018-f1052.appspot.com',
	messagingSenderId: '1059299836137'
});

// Store
const store = getStore();

ReactDOM.render(
	<Provider store={store}>
github mstaack / vuejs-uikit-starter / src / main.js View on Github external
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'
import 'font-awesome/css/font-awesome.css'

// loads the Icon plugin
UIkit.use(Icons)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: {App}
})
github ericflo / mediasummon / admin / setup.js View on Github external
export function ensureInstalled(token) {
  if (installed) {
    return;
  }

  // Load UIKit and tell it to use its 'Icons' plugin
  const UIKit = require('uikit');
  const Icons = require('uikit/dist/js/uikit-icons');
  UIKit.use(Icons);

  const dayjs = require('dayjs');
  const relativetime = require('dayjs/plugin/relativeTime');
  dayjs.extend(relativetime);

  var req = new XMLHttpRequest();
  req.addEventListener('load', function() {
    installedCSRF = req.getResponseHeader('x-csrf-token');
  });
  req.open('GET', config.apiPrefix, true);
  if (token) {
    req.setRequestHeader("Authorization", "Bearer " + token);
  }
  req.send(null);

  installed = true;
github GPortfolio / GPortfolio / src / templates / default / index.ts View on Github external
/* tslint:disable */

// TODO Replace to another, lightweight library
import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';
import '../../main';

UIkit.use(Icons);
github xtremespb / zoia2 / modules / module2 / src / frontend.js View on Github external
import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';

UIkit.use(Icons);
github dimitrisnl / gatsby-uikit-boilerplate / src / layouts / index.js View on Github external
componentDidMount = () => {
    if (typeof window !== 'undefined') {
      const uikit = require('uikit');
      const icons = require('uikit/dist/js/uikit-icons.min');
      uikit.use(icons);
      this.setState({ ready: true });
    }
  };
github xtremespb / zoia2 / modules / module2 / src / backend.jsx View on Github external
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import UIkit from 'uikit';
import Icons from 'uikit/dist/js/uikit-icons';
import { Trans } from '@lingui/macro';
import { Provider as ReduxProvider } from 'react-redux';

import AdminPanel from '../../../shared/components/AdminPanel.jsx';
import configureStore from '../../../shared/store/configureStore';

import '../../../shared/uikit.scss';
UIkit.use(Icons);

class Module extends Component {
    constructor(props) {
        super(props);
    }

    render = () => (<>
        <AdminPanel>
            <Trans>Hello world from Module 2</Trans>
        </AdminPanel>
    </>);
}

ReactDOM.render(
    (<ReduxProvider store={configureStore()}>
        <Module />