diff --git a/lib/components/Button.tsx b/lib/components/Button.tsx index 3ad0c2d..e25eafb 100644 --- a/lib/components/Button.tsx +++ b/lib/components/Button.tsx @@ -155,7 +155,7 @@ export function Button(props: Props) {
{icon && iconPosition !== 'right' && ( ; @@ -19,12 +19,36 @@ export const Default: Story = { type CheckboxStory = StoryObj>; +export const WithIcon: Story = { + args: { + children: 'Submit', + icon: 'envelope', + }, +}; + export const Checkbox: CheckboxStory = { args: { children: 'Click me', checked: false, + color: 'default', + }, + render: (args) => { + const [checked, setChecked] = useState(false); + + return ( + <> + ** Note that checkbox is transparent by default, so this is set to blue + via params ** +
+
+ setChecked(!checked)} + /> + + ); }, - render: (args) => , }; type ConfirmStory = StoryObj>; @@ -34,7 +58,7 @@ export const Confirm: ConfirmStory = { children: 'Click me', confirmColor: 'bad', confirmContent: 'Confirm?', - confirmIcon: 'question', + confirmIcon: '', }, render: (args) => , };