Storybook boilerplate for Vuetify Material Component Framework for Vue.js 2
Switch branches/tags
Nothing to show
Clone or download
Latest commit 72af1f2 Dec 5, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.storybook Use valid HTML in templates Dec 5, 2017
docs bump for GitPages Dec 3, 2017
src pass props for menu items Dec 5, 2017
.babelrc add to git Nov 27, 2017
.editorconfig add to git Nov 27, 2017
.gitignore add to git Nov 27, 2017
README.md Update README.md Dec 3, 2017
index.html add Vuetify Dec 3, 2017
package-lock.json add Vuetify Dec 3, 2017
package.json pass props for menu items Dec 5, 2017
webpack.config.js add to git Nov 27, 2017

README.md

Vuetify-Storybook-boilerplate

DEMO https://white-rabbit-japan.github.io/vuetify-storyboard-boilerplate/

About Storybook

Storybook for Vue is a UI development environment for UI components. It allows interactive development, testing and sharing of UI components in various property states.

Storybook runs outside of your app. So you can develop UI components in isolation without worrying about app specific dependencies and requirements.

About Vuetify

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze.

Vuetify combines the power of Vue and Material Design to provide a beautifully crafted library of components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

Getting Started

Clone this repo to explore how it's put together. Use it as a boilerplate for creating and testing your own Material Design layouts and components with Vuetify.

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

Storybook

# run storybook
npm run storybook
http://localhost:9001/

Resources

Storybook Resources

Storybook for Vue https://storybook.js.org/basics/guide-vue/

VueNYC - A Short Synopsis of Vue Storybook - Erin Depew https://www.youtube.com/watch?v=qcSEIH5iexc

Vuetify

https://github.com/vuetifyjs/vuetify