kavalcante / vue-container-component

Simple container component inspired on Bootstrap Container

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-container-component

A simple container component inspired on Bootstrap container

Getting Started

NPM

$ npm install vue-container-component --save

Clone this repo

Clone or download the component and save in your own project.

Installing

ES6

import container from 'vue-container-component';

new Vue({
  components: {
    container
  }
})

CommonJS

var container = require('vue-container-component');

new Vue({
  components: {
    'container': container
  }
})

USAGE

Common usage

<container>
  <!-- content -->
</container>

Container fluid

<container fluid>
  <!-- content -->
</container>

Custom tag

<container tag="section">
  <!-- content -->
</container>

Attributes

Option Default Type Description
fluid false boolean Enable container fluid
tag div string Custom element tag

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

Simple container component inspired on Bootstrap Container

License:MIT License


Languages

Language:JavaScript 79.6%Language:Vue 20.4%