Version 4

Installation

Use from CDN (recommended)

ファイルをダウンロードせずに利用するには、CDNを利用できます。

<link rel="stylesheet" href="https://unpkg.com/radix-library@4.1.8/radix.min.css" crossorigin>
<script src="https://unpkg.com/radix-library@4.1.8/radix.min.js" crossorigin></script>

Download assets from Github

ファイルを Github または npm からダウンロードして直接利用できます。

https://github.com/7304sk/RADIX/tags
最新版の zip または tar.gz ファイルをダウンロードして解凍してください。
https://github.com/7304sk/RADIX/releases
Github Releases では、各ファイル及び外部ライブラリの読み込みをしたHTMLのテンプレートをリリースしています。

Install from NPM

$ npm i radix-library

Initialize RADIX

RADIXのJS機能を初期化する最小限の記述は以下です。

const radix = new Radix();
radix.init();

オプションを変更して使用する場合は、引数に連想配列として値を渡します。

例として、大概のレスポンシブなwebページでは折り畳みナビゲーションを使用すると思います。そのような場合、最低限次のようなオプション変更をするでしょう。

const radix = new Radix({
    toggleNav: {
        active: true,
        trigger: '#toggle-nav',
        target: '#nav-target'
    }
});
radix.init();

その他のオプションについては、JSの各機能の説明をそれぞれ参照してください。