Activable


Activable

Declarative UI components | 2K, 0 dependency, IE8 compatible
Activable helps you build modern UI components quicker and keep your code clean. Here is all the code needed to create a tab component:

<script src="activable.js"></script>
<ul data-activable>
  <li class="active"><a href="#t1">Tab1</a></li>
  <li class=""><a href="#t2">Tab2</a></li>
  <li class=""><a href="#t3">Tab3</a></li>
</ul>
<div>
  <div id="t1" class="active">Raw denim you probably haven't heard of.</div>
  <div id="t2">Mustache cliche tempor, williamsburg carles.</div>
  <div id="t3">Cosby sweater eu banh mi, qui irure terry.</div>
</div>

Since Activable uses a global event listeners, once the components are appropriately styled with CSS they are fully functional: no need to initialize them with JS, ever.

Demo

Activable can be used to create common click-based UI components, as illustrated in the demo.

Documentation

The declarative markup used to create activable components and the JS API used to extend them have a zero to hero documentation.

License
MIT licensed, by @louis_remi.

What does it do:

Mainly two things:

  • Leverages the Activable js plugin as a drupal library.
  • Provides a drush script to download the plugin to the libraries folder.

Drush:

The Activable module includes a drush command that will download the plugin for you.

$ drush activable-plugin

Innovation sponsored by:

Achieve Internet

Supporting organizations: 
Donated Development Time

Activable项目的Drush安装命令:复制到剪贴板

注:个别模块仍需开启相关子模块。
周安装量: 
3
维护状态: 
最低限度维护
开发状态: 
积极开发中

推荐版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-1.0tar.gz (9.57 KB) | zip (10.74 KB)2012年6月14日发布说明简 | 繁 | 更多

开发版本下载:

版本下载地址发布日期发布说明翻译下载
7.x-1.x-devtar.gz (9.58 KB) | zip (10.74 KB)2013年9月30日发布说明简 | 繁 | 更多