@navinc/base-react-components/src/header.story.js

Nav's Pattern Library

import React from 'react'
import withPropsCombinations from 'react-storybook-addon-props-combinations'
import Header from './header.js'
import readme from './header.readme.md'

export default {
  title: 'Typography/Header',
  component: Header,
  parameters: {
    info: { text: readme },
  },
}

export const Basic = (args) => <Header {...args} />
Basic.argTypes = {
  size: {
    control: { type: 'select' },
    options: ['xl', 'lg', 'md', 'sm'],
  },
}
Basic.args = {
  size: 'md',
  children: 'I am a styled Header',
}

export const Variations = withPropsCombinations(Header, {
  size: ['', 'xl', 'lg', 'md', 'sm'],
  children: ['This is a test header'],
})

Variations.parameters = {
  info: { disable: true },
}