add width, v0.1.10
This commit is contained in:
@@ -42,6 +42,12 @@ const meta = {
|
||||
control: 'inline-radio',
|
||||
table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
|
||||
},
|
||||
width: {
|
||||
description: 'Control width constraint.',
|
||||
options: ['sm', 'md', 'lg', 'full'],
|
||||
control: 'inline-radio',
|
||||
table: { type: { summary: "'sm' | 'md' | 'lg' | 'full'" } },
|
||||
},
|
||||
layout: {
|
||||
description: 'Label/control layout mode.',
|
||||
options: ['stacked', 'inline'],
|
||||
@@ -84,6 +90,7 @@ const meta = {
|
||||
value: 'draft',
|
||||
choices,
|
||||
size: 'md',
|
||||
width: 'md',
|
||||
layout: 'stacked',
|
||||
},
|
||||
} satisfies Meta<typeof Dropdown>;
|
||||
@@ -147,7 +154,14 @@ export const SizeMatrix: Story = {
|
||||
<Dropdown {...args} value={value} size="sm" label="Small" onChange={setValue} />
|
||||
<Dropdown {...args} value={value} size="md" label="Medium" onChange={setValue} />
|
||||
<Dropdown {...args} value={value} size="lg" label="Large" onChange={setValue} />
|
||||
<Dropdown {...args} value={value} size="full" label="Full" onChange={setValue} />
|
||||
<Dropdown
|
||||
{...args}
|
||||
value={value}
|
||||
size="full"
|
||||
width="full"
|
||||
label="Full"
|
||||
onChange={setValue}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user