How to use @carbon/vue - 1 common examples

To help you get started, we’ve selected a few @carbon/vue examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github carbon-design-system / carbon-components-vue / storybook / stories / cv-inline-loading-story.js View on Github external
loadingText: {
    group: 'attr',
    type: text,
    config: ['loading text', 'Loading...'],
    prop: 'loading-text',
  },
  loadedText: {
    group: 'attr',
    type: text,
    config: ['loaded text', 'Complete.'],
    prop: 'loaded-text',
  },
  state: {
    group: 'attr',
    type: select,
    config: ['Loading state', STATES, STATES.LOADING],
    prop: 'state',
  },
};

const variants = [{ name: 'default' }, { name: 'minimal', includes: ['state'] }];

const storySet = knobsHelper.getStorySet(variants, preKnobs);

for (const story of storySet) {
  storiesDefault.add(
    story.name,
    () => {
      const settings = story.knobs();

      // ----------------------------------------------------------------
      const templateString = `

@carbon/vue

A collection of components for the Carbon Design System built using Vue.js

Apache-2.0
Latest version published 14 days ago

Package Health Score

87 / 100
Full package analysis

Similar packages