QcomJs CLI

$3

#### CLI Installation for Quick Start
``bash
npx @qcom.io/qcom-cli
npm start
`


$3

`bash
npm install @qcom.io/qcom --save
`

#### Or Use following code to your html file

`html

`
#### index.html
`html



`

Rules

#### Functions
`html



`


#### Data Management
`html



`

#### Loop
`html



`

#### Get Api
`html



`

#### Styling (camelCase is required while using style)
`html



`
#### Qcom Router
`html



`

$3

`
function
┌─────────-───────────────────────────────┴────────────────────────────────────────────────────────┐
│ separators |
│ ┌────────────┴───┬────────────────┬───────────────────────────┐ |
| ↓ ↓ ↓ ↓ |
p( { to:'firstname' , class:'mt12' , id:'firstname' , style: {color:color.red} }, 'Hello World' )
└───┬───┘ └───┬───┘ └────┬───┘ └────┬────────┘ |
┴───────────┬──────┴─────-──-─────┘-──-─────-─────-┘ |
attributes Text
``

Configuration

import $,{color} from 'https://unpkg.com/@qcom.io/qcom'
$({
    theme:{
        color:color.red,
        background:color.yellow
    }
})

        input({to:'email'}),
            p({to:'email'},'')

    template:()=>div(
            appbar(
                btn({route:'/QcomOne',is:'link', class:'ml12'},'One'),
                btn({route:'/QcomTwo',is:'link', class:'ml12'},'Two'),
            ),
            div({class:'mt12', id:'root'})    //<-|
        ),                                   //   |
        include:[QcomOne,QcomTwo,QcomError],//    |
        router:{                           //     |
            root:'QcomOne',               //      |
            view:'root', // id of div <-----------|
            error:$('QcomError')(),
            links:['QcomOne','QcomTwo']
        }

$3

License

MIT