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

Nav's Pattern Library

import React from 'react'
import withPropsCombinations from 'react-storybook-addon-props-combinations'
import Copy from './copy'
import Text from './text'
import readme from './text.readme.md'

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

export const Basic = (args) => (
  <Copy>
    {' '}
    I absolutely <Text {...args} /> puppies
  </Copy>
)
Basic.args = {
  bold: false,
  light: false,
  children: 'love',
}

export const Variations = withPropsCombinations(Text, {
  bold: [true, false],
  light: [true, false],
  children: ['Hello world!'],
})

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