CoreUI Layout

DEMO

Install with NPM

npm install coreui-layout

Example usage

<div id="layout-justify-start"></div>
<div id="layout-justify-end"></div>
<div id="layout-justify-center"></div>
<div id="layout-justify-between"></div>
<div id="layout-justify-around"></div>
<div id="layout-justify-evenly"></div>

<script>
    let justifyItems = [
        { "width": 200, "content": "Left" },
        { "content": "Center" },
        { "width": 150, "content": "Right" },
    ];

    CoreUI.layout.create({ justify: "start",   items: justifyItems }).render('layout-justify-start');
    CoreUI.layout.create({ justify: "end",     items: justifyItems }).render('layout-justify-end');
    CoreUI.layout.create({ justify: "center",  items: justifyItems }).render('layout-justify-center');
    CoreUI.layout.create({ justify: "between", items: justifyItems }).render('layout-justify-between');
    CoreUI.layout.create({ justify: "around",  items: justifyItems }).render('layout-justify-around');
    CoreUI.layout.create({ justify: "evenly",  items: justifyItems }).render('layout-justify-evenly');
</script>