❀Needlessly Postulating Minds

    @socheatsok78/storybook-addon-vuetify

    0.1.9Β β€’Β PublicΒ β€’Β Published

    @socheatsok78/storybook-addon-vuetify

    πŸ““ Storybook's Vuetify πŸ‰ Addon

    @npm license

    Install

    yarn add -D @socheatsok78/storybook-addon-vuetify

    Usage

    Add @socheatsok78/storybook-addon-vuetify addon to .storybook/main.js

    module.exports = {
      addons: [
        '@socheatsok78/storybook-addon-vuetify'
      ]
    }

    Add vueitfy decorator to .storybook/preview.js

    import { withVuetify } from '@socheatsok78/storybook-addon-vuetify/dist/decorators'
    
    export const decorators = [
      withVuetify
    ]

    You can add withThemeProvider to use vuetify theme settings. But make sure to add globalTypes as shown.

    import { withVuetify, withThemeProvider } from '@socheatsok78/storybook-addon-vuetify/dist/decorators'
    
    export const globalTypes = {
      theme: {
        name: 'Theme',
        description: 'Global theme for components',
        defaultValue: 'light',
        toolbar: {
          icon: 'circlehollow',
          items: ['light', 'dark']
        }
      }
    }
    
    export const decorators = [
      withThemeProvider,
      withVuetify
    ]

    License

    Licensed under the MIT License.

    Install

    npm i @socheatsok78/storybook-addon-vuetify

    DownloadsWeekly Downloads

    2,144

    Version

    0.1.9

    License

    MIT

    Unpacked Size

    8.46 kB

    Total Files

    7

    Last publish

    Collaborators

    • andrewalex