mirrors/vue-form-wizard
2
0
Fork 0
mirror of https://github.com/tenrok/vue-form-wizard.git synced 2026-06-22 03:40:33 +03:00
Code Activity

Merge remote-tracking branch 'origin/master'

Browse Source
This commit is contained in:
cristi
2017-04-18 01:09:52 +03:00
parent cf2184063d 78fddba4da
commit a9c53c85c8
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+15 -1
View File
@@ -1,4 +1,4 @@
# WIP vue-tab-wizard # vue-tab-wizard
A dynamic tab wizard to split your forms easier A dynamic tab wizard to split your forms easier
Vue-tab-wizard is a vue based component with **no external depenendcies** which simplifies tab wizard management and allows you to focus on the functional part of your app rather than Vue-tab-wizard is a vue based component with **no external depenendcies** which simplifies tab wizard management and allows you to focus on the functional part of your app rather than
@@ -16,6 +16,17 @@ Other demos:
* [Customized buttons with slots](https://jsfiddle.net/CristiJ/bt5dhqtf/76/) Replace stuff you don't like * [Customized buttons with slots](https://jsfiddle.net/CristiJ/bt5dhqtf/76/) Replace stuff you don't like
# Usage # Usage
## NPM
`npm install vue-tab-wizard`
## Or alternatively directly include the javascript
Download the css and js files from `dist` folder or reference them directly from github (check jsfiddle links)
```jsx
<link rel="stylesheet" href="vue-tab-wizard.min.css">
<script src="vue-tab-wizard.js"></script>
```
## Component registration
```jsx ```jsx
//global registration //global registration
import 'vue-tab-wizard' import 'vue-tab-wizard'
@@ -30,7 +41,10 @@ components: {
TabWizard, TabWizard,
TabContent TabContent
} }
```
## Template usage
```jsx
<tab-wizard> <tab-wizard>
<tab-content title="Personal details"> <tab-content title="Personal details">
My first tab content My first tab content