diff --git a/Storybook/components/Label/Label.stories.tsx b/Storybook/components/Label/Label.stories.tsx index 97ac1cb8..092f9fb6 100644 --- a/Storybook/components/Label/Label.stories.tsx +++ b/Storybook/components/Label/Label.stories.tsx @@ -10,8 +10,12 @@ export default { component: Label, args: { type: 'soft', + text: 'text', }, argTypes: { + text: { + control: { type: 'text' }, + }, labelColor: { control: { type: 'radio' }, options: [ @@ -32,6 +36,12 @@ export default { control: { type: 'radio' }, options: ['outlined', 'filled', 'soft'], }, + mainColor: { + control: 'color', + }, + backgroundColor: { + control: 'color', + }, }, decorators: [ @@ -50,9 +60,12 @@ export default { type Story = StoryObj; -export const Default: Story = { - args: { - text: 'text', - }, +export const Default: Story = (args) => { + const style = { + borderColor: args.mainColor, + backgroundColor: args.backgroundColor, + }; + const textStyle = { color: args.mainColor }; + return