ngx-lil-gui

Installation

npm install ngx-lil-gui

Usage

Add NgxLilGuiModule to your module imports which will expose 3 components

``ts
@NgModule({
imports: [NgxLilGuiModule],
})
export class SomeModule {
}
`

$3

This wraps a GUI instance. There are 3 ways to use ngx-lil-gui:

1. ngx-lil-gui: This acts as a grouping folder with no immediate controllers underneath it.
2. ngx-lil-gui[config]: You can pass a NgxLilGuiConfig object to the ngx-lil-gui component and the controllers
will be built based on the config.
3. ngx-lil-gui[object]: Build the GUI declaratively on the template. [object] is the object that this GUI controls.

#### Nested GUI

You can nest ngx-lil-gui and it will create a folder structure for you.

`html





`

$3

This wraps a Controller.

`html


property="display"
[controllerConfig]="{collection: ['block', 'flex', 'inline-flex']}"
>

`

$3

This wraps a Controller as well. It will display a color picker.

`html




``