prometey

0.0.6-alpha • Public • Published

Prometey

GitHub license

Simple, Component-based, Lightweight DOM library

Installation

npm i prometey

Documentation

Currently documentation in progress :)

What you can import from prometey ?

import Prometey, {
  classes, 
  create,
  createElement,
  elem,
  element,
} from 'prometey'

classes -> classes('some-class', ['class1', 'class2'], { super-class: true })

create, elem, element, createElement - it is same functions, needed for create prometey-based elements.

First argument can be string('div.class#id') or class(example)

Second argument can have any type. If you send array then should send array of child elements, if you send object then it is properties (onClick, class, etc), or if you'll send something else then it can be putter to src attribute (for img tag), value for input, textarea , etc.

Example:

import Prometey, { element, classes } from 'prometey'

Prometey.connect(
    element('body->div.wrapper', {
        class: classes('wrapper', { active: true }),
        childs: [], // array of prometey-based(element('...',...)...) elements
        ['some-attr']: 5,
        value: 'Argghh it is Prometey',
    })
)


in HTML:

<body>
    <div class="wrapper active" some-attr="5">
        Argghh it is Prometey
    </div>
</body>

Some code samples

tree example component example

License

Prometey is MIT licensed.

Readme

Keywords

none

Package Sidebar

Install

npm i prometey

Weekly Downloads

1

Version

0.0.6-alpha

License

MIT

Unpacked Size

290 kB

Total Files

19

Last publish

Collaborators

  • acacode