1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 01:03:35 +00:00

[CL-451] Add option for full width chip select (#11135)

This commit is contained in:
Victoria League
2024-09-20 09:52:12 -04:00
committed by GitHub
parent c13131acd1
commit 1262623fac
3 changed files with 48 additions and 4 deletions

View File

@@ -74,6 +74,44 @@ export const Default: Story = {
},
};
export const FullWidth: Story = {
render: (args) => ({
props: {
...args,
},
template: /* html */ `
<div class="tw-w-40">
<bit-chip-select
placeholderText="Folder"
placeholderIcon="bwi-folder"
[options]="options"
[ngModel]="value"
fullWidth
></bit-chip-select>
</div>
`,
}),
args: {
options: [
{
label: "Foo",
value: "foo",
icon: "bwi-folder",
},
{
label: "Bar",
value: "bar",
icon: "bwi-exclamation-triangle tw-text-danger",
},
{
label: "Baz",
value: "baz",
disabled: true,
},
],
},
};
export const NestedOptions: Story = {
...Default,
args: {