Skip to content

Commit

Permalink
Remove defaultArgs
Browse files Browse the repository at this point in the history
  • Loading branch information
lialila committed Feb 28, 2024
1 parent 3971bf3 commit 5e9e6e9
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 15 deletions.
13 changes: 7 additions & 6 deletions src/constants/componentCustomizations.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
import React from 'react';
import { CaretDown } from '@phosphor-icons/react';

export const CustomizedProgress = {
baseStyle: {
borderRadius: 'full',
colorScheme: 'primary',
},
};

export const CustomizedHeading = {
baseStyle: {
fontWeight: 'semibold',
Expand Down Expand Up @@ -748,9 +755,3 @@ export const CustomizedList = {
},
},
};

export const CustomizedProgress = {
baseStyle: {
borderRadius: 'full',
},
};
15 changes: 6 additions & 9 deletions src/stories/components/Progress.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,27 +19,24 @@ export default {

const Template: StoryFn<typeof Progress> = (args) => <Progress {...args} />;

const defaultArgs = {
value: 50,
size: 'md',
borderRadius: 'full',
width: 500,
};
// const defaultArgs = {
// value: 50,
// size: 'md',
// borderRadius: 'full',
// width: 'sm',
// };
export const Primary = Template.bind({});
Primary.args = {
...defaultArgs,
colorScheme: 'primary',
};

export const ColorScheme = Template.bind({});
ColorScheme.args = {
...defaultArgs,
colorScheme: 'red',
};

export const WithStripe = Template.bind({});
WithStripe.args = {
...defaultArgs,
colorScheme: 'primary',
hasStripe: true,
};

0 comments on commit 5e9e6e9

Please sign in to comment.