bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

[CL-221] Add chip-select component (#9021)

Browse Source 
---------

Co-authored-by: William Martin <contact@willmartian.com>
This commit is contained in:
Victoria League
2024-05-23 16:30:55 -04:00
committed by GitHub
parent bbf1473022
commit 08a6f91411
16 changed files with 732 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
libs/components/src/menu/menu.stories.ts
View File

@@ -35,13 +35,21 @@ type Story = StoryObj<MenuTriggerForDirective>;
export const OpenMenu: Story = {
render: (args) => ({
props: args,
template: `
template: /*html*/ `
<bit-menu #myMenu="menuComponent">
<a href="#" bitMenuItem>Anchor link</a>
<a href="#" bitMenuItem>Another link</a>
<button type="button" bitMenuItem>Button</button>
<bit-menu-divider></bit-menu-divider>
<button type="button" bitMenuItem>Button after divider</button>
<button type="button" bitMenuItem>
<i class="bwi bwi-key" slot="start"></i>
Button with icons
<i class="bwi bwi-angle-right" slot="end"></i>
</button>
<button type="button" bitMenuItem disabled>
<i class="bwi bwi-clone" slot="start"></i>
Disabled button
</button>
</bit-menu>
<div class="tw-h-40">
@@ -55,7 +63,7 @@ export const OpenMenu: Story = {
export const ClosedMenu: Story = {
render: (args) => ({
props: args,
template: `
template: /*html*/ `
<div class="tw-h-40">
<button bitButton buttonType="secondary" [bitMenuTriggerFor]="myMenu">Open menu</button>
</div>
@@ -65,7 +73,15 @@ export const ClosedMenu: Story = {
<a href="#" bitMenuItem>Another link</a>
<button type="button" bitMenuItem>Button</button>
<bit-menu-divider></bit-menu-divider>
<button type="button" bitMenuItem>Button after divider</button>
<button type="button" bitMenuItem>
<i class="bwi bwi-key" slot="start"></i>
Button with icons
<i class="bwi bwi-angle-right" slot="end"></i>
</button>
<button type="button" bitMenuItem disabled>
<i class="bwi bwi-clone" slot="start"></i>
Disabled button
</button>
</bit-menu>`,
}),
};