How to use @pluralsight/ps-design-system-storybook-addon-theme - 2 common examples

To help you get started, we’ve selected a few @pluralsight/ps-design-system-storybook-addon-theme 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 pluralsight / design-system / packages / icon / stories / index.js View on Github external
const sizeStory = storiesOf('size', module).addDecorator(themeDecorator(addons))
Object.keys(Icon.sizes).forEach(size =>
  sizeStory.add(size, _ => (
    
  ))
)

const idStory = storiesOf('id', module).addDecorator(themeDecorator(addons))
Object.keys(Icon.ids).forEach(id =>
  idStory.add(id, _ => (
    
  ))
)

const styleStory = storiesOf('style', module)
  .addDecorator(themeDecorator(addons))
  .add('css prop', _ => (
     svg': { fill: 'yellow' } }}
      id={Icon.ids.check}
      size={Icon.sizes.large}
    />
  ))
github pluralsight / design-system / packages / checkbox / src / react / __stories__ / index.js View on Github external
/>
        
      
    )
  }
}

storiesOf('Checkbox', module)
  .addDecorator(PaddingDecorator)
  .addDecorator(themeDecorator(addons))
  .add('default', _ => )
  .add('checked', _ => (
    
  ))
  .add('error', _ => (
    <div>
      
      
    </div>
  ))
  .add('disabled', _ =&gt; (
    
  ))
  .add('disabled &amp; errored', _ =&gt; (
    
  ))

@pluralsight/ps-design-system-storybook-addon-theme

Storybook addon for Theme switching

Apache-2.0
Latest version published 3 years ago

Package Health Score

54 / 100
Full package analysis

Popular @pluralsight/ps-design-system-storybook-addon-theme functions