pagerium v1.0.0-beta.1

Table of contents

• Installation
• Start framework
• Component
• Animation
• Cycle
• Operators
  • Addition
  • If
  • Ternary
• License

Installation

npm i -D pagerium 

Start framework

import { Pagerium } from 'pagerium';

new Pagerium("#page").render(`
    {{component}}
`,{
    component
});

Component

import { PageriumComponent } from 'pagerium';
const component = new PageriumComponent("new-component", 
`<div class="component">
    {{component_text}}
</div>`,
{
    script:[(elements)=>{
      console.log(elements.component);
    },
    {
        start:'afterLoad',
        elements:[
            {component:".component"}
        ]
    }],
    data:{
        component_text:"Text"
    },
    style:`
        .component{
            width:100px;
            height:100px;
        }
    `
});

Animation

import { PageriumAnimation } from 'pagerium';
const animation = new PageriumAnimation("new-animation",'new-component',
{
    event:"click",
    styleAnimation:`width:200px;`,
    class:"animation-class",
    transition:"2s all"
});

Cycle

import { PageriumCycle } from 'pagerium';
const cycle = new PageriumCycle("new-cycle",['new-component'],2);

Operators

Addition

import { PageriumAddition } from 'pagerium';
const addition = new PageriumAddition("new-addition",['new-component', 'new-component']);

If

import { PageriumIf } from 'pagerium';
const newIf = new PageriumIf("new-if",['new-component'],true);

Ternary

import { PageriumTernary } from 'pagerium';
const ternary = new PageriumTernary("new-ternary",['new-component', 'new-component'],true);

License

Licensed under MIT