mirror of
https://github.com/tenrok/vue-form-wizard.git
synced 2026-06-02 16:34:03 +03:00
Merge remote-tracking branch 'origin/master'
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# WIP vue-tab-wizard
|
||||
# vue-tab-wizard
|
||||
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
|
||||
@@ -16,6 +16,17 @@ Other demos:
|
||||
* [Customized buttons with slots](https://jsfiddle.net/CristiJ/bt5dhqtf/76/) Replace stuff you don't like
|
||||
|
||||
# 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
|
||||
//global registration
|
||||
import 'vue-tab-wizard'
|
||||
@@ -30,7 +41,10 @@ components: {
|
||||
TabWizard,
|
||||
TabContent
|
||||
}
|
||||
```
|
||||
## Template usage
|
||||
|
||||
```jsx
|
||||
<tab-wizard>
|
||||
<tab-content title="Personal details">
|
||||
My first tab content
|
||||
|
||||
Reference in New Issue
Block a user