Skip to content

Latest commit

 

History

History
53 lines (44 loc) · 2.12 KB

README.md

File metadata and controls

53 lines (44 loc) · 2.12 KB

gun-ui-lcd

a member of the gun-ui library. A collection of widgets created to work brilliantly with GUN, or without

NOTE:

At the moment the elements in gun-ui-library are probably NOT WORKING with the current version of GunDb ! I will update them as soon as i have some time...Sorry

gun-ui-lib(rary)

curently the library consists of;

gun-ui-lib       : https://github.com/Stefdv/gun-ui-lib                                 CORE
gun-ui-gauge     : https://github.com/Stefdv/gun-ui-gauge                               DATA-VIZ   
gun-ui-bargauge  : https://github.com/Stefdv/gun-ui-bargauge                            DATA-VIZ   
gun-ui-lcd       : https://github.com/Stefdv/gun-ui-lcd    ( you`re already here )      DATA-VIZ   
gun-ui-slider    : https://github.com/Stefdv/gun-ui-slide                               INPUT / DATA-VIZ

Disclamer: All canvas elements in the gun-ui-lib are created by Gerrit Grunwald (@hansolo)**

What is it ?

Let me show you 'gun-ui-lcd'

alt text

install

bower install gun-ui-lcd

Okay what about gunDb ?

Every item in the gun-ui-lib needs 2 attributes, 'parent' and 'prop'. They represent the key(soul) and the property you want to subscribe to. like gun.get(<parent>).path(<prop>)

(If you have no idea what i'm talking about...take a look at https://github.com/amark/gun)

So in your html it would look like

<gun-ui-lcd parent="livingroom" prop="temperature"></gun-ui-lib>

That's it! The element will monitor and update it's own state now !

syncing

gun-ui-lcd , gun-ui-gauge and gun-ui-bargauge alt text

Styling/Theming

alt text

values

alt text

All canvas elements in the gun-ui-lib are created by Gerrit Grunwald (@hansolo)**