bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-21 02:33:46 +00:00
Code Issues Releases Wiki Activity

[CL] add hideIfEmpty input to bit-nav-group (#12046)

Browse Source
This commit is contained in:
Thomas Rittson
2024-11-21 04:06:07 +10:00
committed by GitHub
parent 234a832fc4
commit 365c7dd65e
3 changed files with 81 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
libs/components/src/navigation/nav-group.stories.ts
View File

@@ -88,6 +88,30 @@ export const Default: StoryObj<NavGroupComponent> = {
}),
};
export const HideEmptyGroups: StoryObj<NavGroupComponent & { renderChildren: boolean }> = {
args: {
hideIfEmpty: true,
renderChildren: false,
},
render: (args) => ({
props: args,
template: /*html*/ `
<bit-side-nav>
<bit-nav-group text="Hello World (Anchor)" [route]="['a']" icon="bwi-filter" [hideIfEmpty]="hideIfEmpty">
<bit-nav-item text="Child A" route="a" icon="bwi-filter" *ngIf="renderChildren"></bit-nav-item>
<bit-nav-item text="Child B" route="b" *ngIf="renderChildren"></bit-nav-item>
<bit-nav-item text="Child C" route="c" icon="bwi-filter" *ngIf="renderChildren"></bit-nav-item>
</bit-nav-group>
<bit-nav-group text="Lorem Ipsum (Button)" icon="bwi-filter">
<bit-nav-item text="Child A" icon="bwi-filter"></bit-nav-item>
<bit-nav-item text="Child B"></bit-nav-item>
<bit-nav-item text="Child C" icon="bwi-filter"></bit-nav-item>
</bit-nav-group>
</bit-side-nav>
`,
}),
};
export const Tree: StoryObj<NavGroupComponent> = {
render: (args) => ({
props: args,