kd

KD.JS

UI小部件和其他好處的集合。

 npm i kd.js

用法

 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 ) ;

例子

鍵入make example以結帳一些示例。

發展

在更改後觀看lib並將獨立的UMD包裝到dist文件夾中，請輸入： make development-dist

如果您想將每種咖啡分別重新編譯到build文件夾中，請輸入： make development

因為package.json僅公開build文件夾；如果您將KD.JS與瀏覽器捆綁在一起，則第二種方法（以及npm link ）可能是更好的選擇。

執照

麻省理工學院