Is it possible to create a button using dat.gui

Question

I would like to create a button using dat.gui library. In a perfect world, this would work like this:

gui.add("button", "click me");

Answer 1

This creates a button with text left aligned.

var obj = { add:function(){ console.log("clicked") }};

gui.add(obj,'add');

Answer 2

The chrome experiments example link above is no longer live, but there's a great fiddle; forked and added the button example from Loneydatum's answer.

https://jsfiddle.net/SeanB/qpwsnuxd/3/

var object4 = { add:function(){ alert("clicked") }};
gui.add(object4,'add');
// original fiddle https://jsfiddle.net/ikatyang/182ztwao/

Answer 3

FWIW, dat.gui assumes the GUI type based on the target's initial value type.

• boolean => checkbox
• int/float => slider
• string => text input
• function => button

Examples can be found here: http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage