nanoislands

Yate/Stylus/jQuery-UI library for Yandex corporate style

Usage no npm install needed!

<script type="module">
  import nanoislands from 'https://cdn.skypack.dev/nanoislands';
</script>

README

Library for Yandex corporate style NPM version Build Status

Demo

http://yandex-ui.github.io/nanoislands/

Tests


npm test

Build package


vim Changelog.md
vim package.json
git commit -a -m 'v...'
git tag 'v...'
git push origin master
git push origin 'v...'
make publish

Documentation

React intergation example

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="../nanoislands.css" />

        <script src="../libs/react-with-addons.js"></script>

        <script src="../libs/jquery.min.js"></script>
        <script src="../libs/jquery-ui/jquery-ui.custom.js"></script>
        <script src="../react.nanoislands.min.js"></script>

        <script>
            $(function () {
                var element = React.render(React.createElement(Island, {
                    type: "checkbox",
                    options: { content: "123", disabled: true },
                    on: {
                        "nb-checked": function () { console.log("checked") },
                        "nb-unchecked": function () { console.log("unchecked") }
                    }
                }), document.body);

                element.block.enable();
            });
        </script>
    </head>
    <body>

    </body>
</html>

Changelog