How to use uikit modules?

D

DesEn2014-09-07 19:10:45

UIkit

DesEn, 2014-09-07 19:10:45

I decided the other day to try the uikit css / js framework from yootheme , I was very pleased that the framework is modular, there is less . I downloaded uikit from github , decided to take the offcanvas.js module for the test , connected it, it came out something like this:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>uikit</title>
    <link rel="stylesheet" href="offcanvas.css">
    <script src="jquery.js"></script>
    <script src="offcanvas.js"></script>
</head>
<body>
<a href="#my-menu" data-uk-offcanvas>menu</a>
<div id="my-menu" class="uk-offcanvas">
    <div class="uk-offcanvas-bar">...</div>
</div>
</body>
</html>

but nothing works (if you connect the whole js uikit ) then everything is just super but why do we need all of it? Only certain modules and styles are needed. As I understand it, a lone module does not work, because function initialization is needed. I am zero in js! Help me please.

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

R

ruszh, 2014-09-11
@ruszh

Try to connect also uikit.min.js or uikit.js (It seems that all modules are connected in them)

G

Gregory, 2016-02-04
@TMGLUK

uikit.js and uikit.css are the base (core): getuikit.com/docs/core.html
And everything else is connected as component modules: getuikit.com/docs/components.html