kd.js

Web 应用程序的用户界面框架。「UI Framework for web applications.」

Github stars Tracking Chart

Build Status npm Coverage Status

kd.js

a collection of ui widgets and other nice things.

npm i kd.js

usage

var main = new kd.View;
main.appendToDomBody();

var input = new kd.InputView;
var form = new kd.View;

form.addSubView(input);
form.addSubView(new kd.ButtonView({
  title: 'i\'m a button. type in your name and click on me',
  callback: function () {
    alert('sup ' + input.getValue())
  }
}));

var tabs = new kd.TabView({
  hideHandleCloseIcons: true,
  paneData: [
    {
      title: 'tab1',
      partial: 'that\'s me, tab1'
    },
    {
      title: 'form',
      view: form
    }
  ]
});

main.addSubView(tabs);

example

Type make example to checkout some examples.

development

To watch lib and build standalone umd package into dist folder upon changes, type: make development-dist

If you want to recompile each coffee individually into build folder, type: make development

Since package.json exposes only build folder; if you are bundling kd.js with browserify, second method (along with a npm link) might be a better option.

license

mit

Overview

Name With Ownerkoding/kd
Primary LanguageCoffeeScript
Program languageCoffeeScript (Language Count: 4)
Platform
License:MIT License
Release Count37
Last Release Name1.2.4 (Posted on )
First Release Name0.1.0 (Posted on )
Created At2014-03-12 03:54:59
Pushed At2018-07-03 11:14:52
Last Commit At2017-10-16 05:16:06
Stargazers Count114
Watchers Count21
Fork Count35
Commits Count3.2k
Has Issues Enabled
Issues Count13
Issue Open Count2
Pull Requests Count137
Pull Requests Open Count0
Pull Requests Close Count33
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private
To the top