add width, v0.1.10
This commit is contained in:
@@ -39,6 +39,12 @@ const meta = {
|
||||
control: 'inline-radio',
|
||||
table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
|
||||
},
|
||||
width: {
|
||||
description: 'Button width behavior.',
|
||||
options: ['sm', 'md', 'lg', 'full'],
|
||||
control: 'inline-radio',
|
||||
table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
|
||||
},
|
||||
to: {
|
||||
description: 'Navigation path. When set, the component renders a `<Link>`.',
|
||||
control: 'text',
|
||||
@@ -80,6 +86,7 @@ const meta = {
|
||||
type: 'solid',
|
||||
variant: 'primary',
|
||||
size: 'md',
|
||||
width: 'md',
|
||||
label: 'Save',
|
||||
},
|
||||
} satisfies Meta<typeof Button>;
|
||||
@@ -132,7 +139,7 @@ export const SizeMatrix: Story = {
|
||||
<Button {...args} size="sm" label="Small" />
|
||||
<Button {...args} size="md" label="Medium" />
|
||||
<Button {...args} size="lg" label="Large" />
|
||||
<Button {...args} size="full" label="Full width" />
|
||||
<Button {...args} size="md" width="full" label="Full width" />
|
||||
</div>
|
||||
),
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user