1.0.9 • Published 1 month ago

coreui-layout v1.0.9

Weekly downloads
-
License
GPL-3.0-or-later
Repository
github
Last release
1 month ago

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>

Preview

1.0.9

1 month ago

1.0.8

11 months ago

1.0.6

11 months ago

1.0.5

11 months ago

1.0.4

11 months ago

1.0.3

11 months ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago