Skip to content

Commit ae6ce97

Browse files
committed
Settings
1 parent 9c4b381 commit ae6ce97

File tree

3 files changed

+138
-0
lines changed

3 files changed

+138
-0
lines changed

.travis.yml

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
language: node_js
2+
node_js:
3+
- '10'
4+
- '12'
5+
cache: yarn
6+
7+
install: yarn
8+
script:
9+
- echo "Not found tests"
10+
11+
jobs:
12+
include:
13+
- stage: npm release
14+
if: tag IS present
15+
node_js: '10'
16+
script: yarn build
17+
deploy:
18+
provider: npm
19+
email: $EMAIL_ADDRESS
20+
api_key: $AUTH_TOKEN
21+
skip_cleanup: true
22+
on:
23+
tags: true

README.md

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
# Vue Grid Responsive
2+
3+
[![npm version](https://badge.fury.io/js/vue-grid-responsive.svg)](https://www.npmjs.com/package/vue-grid-responsive) • [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/andrelmlins/vue-grid-responsive/blob/master/LICENSE) • [![Build Status](https://travis-ci.com/andrelmlins/vue-grid-responsive.svg?branch=master)](https://travis-ci.com/andrelmlins/vue-grid-responsive)
4+
5+
Responsive grid system based on Bootstrap for Vue.
6+
7+
## Installation
8+
9+
### NPM
10+
11+
```
12+
npm i vue-grid-responsive
13+
// OR
14+
yarn add vue-grid-responsive
15+
```
16+
17+
### CDN
18+
19+
```html
20+
<script src="https://unpkg.com/vue-grid-responsive"></script>
21+
```
22+
23+
### Manual
24+
25+
You can also download and import it manually
26+
27+
```html
28+
<script src="/vue-grid-responsive/dist/vue-grid-reponsive.min.js"></script>
29+
```
30+
31+
## Module import
32+
33+
```js
34+
import Vue from 'vue';
35+
import { Row, Column } from 'vue-grid-responsive';
36+
37+
Vue.component('row', Row);
38+
Vue.component('column', Column);
39+
```
40+
41+
## Examples
42+
43+
An example of how to use the library:
44+
45+
```vue
46+
<template>
47+
<row container gutter="{12}">
48+
<column xs="{12}" md="{4}" lg="{3}">
49+
xs=12 md=4 lg=3
50+
</column>
51+
<column xs="{12}" md="{4}" lg="{3}">
52+
xs=12 md=4 lg=3
53+
</column>
54+
<column xs="{12}" md="{4}" lg="{3}">
55+
xs=12 md=4 lg=3
56+
</column>
57+
<column xs="{12}" md="{4}" lg="{3}">
58+
xs=12 md=4 lg=3
59+
</column>
60+
</row>
61+
</template>
62+
```
63+
64+
## Demo [Link](https://vue-grid-responsive.netlify.com/)
65+
66+
Local demo:
67+
68+
```
69+
git clone https://github.com/andrelmlins/vue-grid-responsive.git
70+
cd vue-grid-responsive
71+
npm && npm run dev
72+
```
73+
74+
## Properties
75+
76+
Component props:
77+
78+
### Row Component props
79+
80+
| Prop | Default | Type | Description |
81+
| ------- | ------- | ------ | -------------------------------------- |
82+
| gutter | - | number | Grid spacing in the container |
83+
| columns | 12 | number | Setting columns count in the container |
84+
85+
### Column Component props
86+
87+
| Prop | Default | Type | Description |
88+
| ---- | ------- | ------ | -------------------------- |
89+
| xs | - | number | Size in extra small screen |
90+
| sm | - | number | Size in small screen |
91+
| md | - | number | Size in medium screen |
92+
| lg | - | number | Size in large screen |
93+
| xl | - | number | Size in extra large screen |
94+
95+
## NPM Statistics
96+
97+
Download stats for this NPM package
98+
99+
[![NPM](https://nodei.co/npm/vue-grid-responsive.png)](https://nodei.co/npm/vue-grid-responsive/)
100+
101+
## License
102+
103+
Vue Grid Responsive is open source software [licensed as MIT](https://github.com/andrelmlins/vue-grid-responsive/blob/master/LICENSE).

package.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,27 @@
11
{
22
"name": "vue-grid-responsive",
33
"version": "0.1.0",
4+
"description": "Responsive grid system based on Bootstrap for Vue",
45
"license": "MIT",
56
"main": "dist/vue-grid-responsive.umd.js",
67
"module": "dist/vue-grid-responsive.esm.js",
78
"unpkg": "dist/vue-grid-responsive.min.js",
9+
"repository": "https://github.com/andrelmlins/vue-grid-responsive",
10+
"author": "André Lins <[email protected]> (https://andrelmlins.github.io/)",
811
"scripts": {
912
"build": "rollup -c",
1013
"dev": "rollup -c -w",
1114
"start": "sirv public"
1215
},
16+
"bugs": {
17+
"url": "https://github.com/andrelmlins/vue-grid-responsive/issues"
18+
},
19+
"keywords": [
20+
"vue",
21+
"grid",
22+
"responsive",
23+
"bootstrap"
24+
],
1325
"devDependencies": {
1426
"@babel/core": "^7.10.2",
1527
"@babel/preset-env": "^7.10.2",

0 commit comments

Comments
 (0)