Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
bin
 
 
css
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

SUI

Simple User Interface: Html + Haxe

Example:

var ui = new sui.Sui();
ui.bool("boolean", function(v) trace('bool: $v'));
ui.color("color", {
    list : [
      { value : "#FF0000", label : "red" },
      { value : "#00FF00", label : "blue" },
      { value : "#0000FF", label : "green" }]
  }, function(v) trace('color: $v'));
ui.int("int range", 20, {
    min : 10,
    max : 30
  }, function(v) trace('int range: $v'));
ui.trigger("trigger", function() trace("triggered"));
ui.attach();

A live sample of some of the available controls.

Installation

SUI is available on haxelib (http://lib.haxe.org/p/sui/)

To install, run: haxelib install sui

Dependencies

SUI dependents on thx.core, thx.promise, thx.stream, thx.stream.dom, dots

TODO

API

  • Sui.add(): macro automap field/variable to control
  • append to container (with position and close controls)
  • Sui.hide()/Sui.show() (with default keyboard control H)
  • Sui.open()/Sui.close()
  • presets? save/restore?
  • listen?

Controls

  • folder (with open/collapse)
  • select string (options)
  • select float
  • select int
  • select date
  • text area
  • objects and nested objects
  • arrays
  • unstructured objects (create field together with values)

Inspiration

dat-gui

About

Simple User Interface - Haxe + Html

Resources

License

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  
You can’t perform that action at this time.