1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import React from 'react'
import Color from './Color'
import { text, select } from '@storybook/addon-knobs'
import { Spacing } from '@ds.e/foundation'
import '@ds.e/scss/lib/Utilities.css'
export default {
title: 'Atoms|Color'
}
export const Common = () => <Color hexCode={text('HexCode', 'pink')} />
export const CustomDimensions = () => <Color
hexCode={text('HexCode', 'pink')}
width={select('Width', Object.values(Spacing), 'xxl')}
height={select('Height', Object.values(Spacing), 'xxl')} />