diff --git a/src/components/Elements/Box/Box.stories.tsx b/src/components/Elements/Box/Box.stories.tsx index df17bf2..96df67f 100644 --- a/src/components/Elements/Box/Box.stories.tsx +++ b/src/components/Elements/Box/Box.stories.tsx @@ -7,13 +7,6 @@ import { getStyles } from '../../styles/getStyles'; import Text from './../Text/Text'; export default { - argTypes: { - children: { - control: { - type: 'text' - } - } - }, component: Box, title: 'Elements/Box' }; @@ -48,7 +41,3 @@ const defaultBoxTemplate: Story = args => ( ); export const Default = defaultBoxTemplate.bind({}); - -Default.args = { - children: 'Check Me' -}; diff --git a/src/components/Elements/Image/Image.tsx b/src/components/Elements/Image/Image.tsx index d63752c..992b098 100644 --- a/src/components/Elements/Image/Image.tsx +++ b/src/components/Elements/Image/Image.tsx @@ -16,7 +16,7 @@ const Image: React.FC = ({ return (
{alt} diff --git a/src/components/Form/CheckBox/CheckBox.stories.tsx b/src/components/Form/CheckBox/CheckBox.stories.tsx index c62aaa7..0d42087 100644 --- a/src/components/Form/CheckBox/CheckBox.stories.tsx +++ b/src/components/Form/CheckBox/CheckBox.stories.tsx @@ -5,12 +5,17 @@ import { CheckBoxProps } from './types'; export default { argTypes: { + checked: { + control: { + type: 'boolean' + } + }, + children: { control: { type: 'text' } }, - disabled: { control: { type: 'boolean' diff --git a/src/components/Form/CheckBox/CheckBox.tsx b/src/components/Form/CheckBox/CheckBox.tsx index e2d68a4..c6f2e09 100644 --- a/src/components/Form/CheckBox/CheckBox.tsx +++ b/src/components/Form/CheckBox/CheckBox.tsx @@ -15,7 +15,7 @@ const CheckBox: React.FC = ({ disabled={disabled} name={name} {...otherCheckBoxProps} - /> + />{' '} {children} ); diff --git a/src/components/Form/Input/Input.stories.tsx b/src/components/Form/Input/Input.stories.tsx index 9ee267d..ff68640 100644 --- a/src/components/Form/Input/Input.stories.tsx +++ b/src/components/Form/Input/Input.stories.tsx @@ -60,6 +60,11 @@ export default { type: 'text' } }, + placeholder: { + control: { + type: 'text' + } + }, readOnly: { control: { type: 'boolean'