https://github.com/n2ref/coreui-layout

https://github.com/n2ref/coreui-layout

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/n2ref/coreui-layout
• Owner: n2ref
• License: mit
• Created: 2017-10-21T22:04:42.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-06-22T16:05:30.000Z (5 months ago)
• Last Synced: 2024-09-27T22:12:50.764Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://n2ref.github.io/coreui-layout
• Size: 394 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CoreUI Layout

**[DEMO](https://n2ref.github.io/coreui-layout)**

### Install with NPM

`npm install coreui-layout`

### Example usage

```html













    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');

```

![Preview](https://raw.githubusercontent.com/n2ref/coreui-layout/master/preview.png)